作者:熊孝琳_506 | 来源:互联网 | 2023-05-22 20:12
组件的运用让代码重用性更强大。
自定义组件,每一个组件都有
这些东西
1.全局定义(所有的vue实例都能使用)
Vue.component('my-btn',{
})
2.局部定义(用的较多)在 new Vue的构造函数中定义
new Vue({
data:{},//对象
methods:{},
components:{
'组件名称 一般组件名称有个前缀 比如: my-btn' : {
//这里是选项 与vue({})中的参数选项基本一致 比如放data: methods: computed: 都可以
}
}
})
注意:
只有在父组件中,才能调用子组件!!!否则解析不了
组件应用:
1.使用标签 如
2.使用is属性 如: s='my-btn'>
子组件不能直接访问父data,如果希望能访问到,解决方法如下:
组件之间通信:
1) 父组件->子组件 (子组件访问父组件的数据)
props 通过这个特性来实现+属性绑定
2) 子组件->父组件 (子组件将状态反馈给父组件 ),通过自定义事件实现 通过this.$(emit) 去实现