文章目录
组件与复用
自定义标签
组件用法
组件和实例相似,都需要注册才可以使用
注册有全局注册和局部注册两种方式(在js文件里面创建)
- 全局注册
Vue.component('my-component'),{
//...
})
my-component 就是注册的组件自定义标签的名称,推荐使用小写加减号分割的形式命名
- 局部注册
使用props传递数据
基本用法
单向数据流
数据验证
组件通信
自定义事件
使用v-model
非父子组件通信
使用slot分发内容
什么是slot
props 传递数据
events 触发事件
slot 内容分发
编译的作用域
slot分发的内容,作用是在父组件上的
slot用法
子组件的
<slot>
内的备用内容,作用域是子组件本身
具名slot