1.父组件与子组件之间的数据传递
首先:父组件里面引入了子组件,举个例子,父组件是A,子组件是B,A需要 import B from ‘子组件B的文件路径‘,
并且在注入父组件的components对象里
其次调用子组件B,并将需要传递的值附在调用的子组件B上
然后子组件B接受这个值:props:{}
2.子组件与父组件之间的 数据传递
子组件需要发送一个事件让父组建能够接收到---$emit
父组件接收change这个事件
这边点击子组件那个元素它的文本这边就可以打印出来了~
3.通过父组件实现子组件与子组件之间的数据传递
这时候父组件已经接收到子组件B传过来的文本变量letter了,组件A需要绑定这个letter,并且子组件A页面里呢需要接收这个letter ,props{},如图“”2请先忽略 letter“”所示,并且需要watch(监听器)这个变量letter,如下图做所示:
状态管理模式--vuex
1.先要全局引入注册store,本地是在main.js引入注册的
import store from './store/travel'
new Vue({
el: '#app',
·······
store,
components: { App },
template: '<App/>'
})
2.然后创建一个store
3.调用