Vuejs 使用Props 传值实例

###问题提出
往往我们在开发的过程中, 需要在另一个组件控制子组件的变量,那么,这时候,使用子组件的props来传值就可以很好地解决这个问题;

###需求
假如我们需要将弹窗做成一个组件公用,那么在父组件或者另一个组件中,需要控制弹窗的显示与否,那么我们就需要将变量交给父组件来控制。

子组件的写法如下:

(model.vue)




父组件里面的弹窗组件将自身的变量imageSrc, payModalShow 通过props传递给子组件,那么子组件怎么接收呢?
父组件代码:
(index.vue)




上面只列出核心代码, 可以看到,在通过import 引进子组件之后, 为它注册组件,然后通过 modal(引入名称) 在界面上显示;

大家如果有疑问,欢迎在我的github上发Issue。
github.com/LwjCoder

代码我会上传至github上,地址: https://github.com/LWJcoder/VueJsLearning,欢迎start。

你可能感兴趣的:(javascript,VUE)