03.vue组件基础

1.属性

1.1 scoped 属性

style样式默认应用全部的组件，所以给当前组件的style标签加上 scoped属性，就只生效于当前组件

2.组件通信

2.1 父子间

父->子 props
子->父 $emit

▷props 的校验

▷ 区分：props与data

谁的数据谁负责
即：props的数据更改时，需要让子通知父更改，用$emit

2.2 非父子 (扩展)

①事件总线–发布订阅型

通过注册公共组件——事件总线Bus，发布方Bus. $emit
接收方 Bus. $on 发布方注册事件，接收方注册触发函数

//发布方--写在methods->点击事件函数 里

Bus.$emit('sendMsg', '今天天气不错，适合旅游')

//接收方--钩子函数，created--渲染数据阶段
Bus.$on('sendMsg', (msg) => {
      // console.log(msg)--接收到了发布方的消息
      this.msg = msg
    })

②provide-inject
.

2.3.v-model 原理

2.4 【.sync修饰符】

2.5 ref和 $refs