vue传递数据的方式

vue父子组件传参：
父组件给子组件传props方法，子组件给父组件传emit方法
父组件可以使用props把数据传给子组件
子组件可以使用$emit触发父组件的自定义事件

provide inject不推荐使用
兄弟组件：通过共同祖辈组件
通过共同的祖辈组件搭桥，$parent或$root

// brother1
this.$parent.$on('foo', handle)
// brother2
this.$parent.$emit('foo')

eventbus的原理：
Vue.prototype.$bus = new Vue();
类似于兄弟组件

---

vue中有2种数据绑定的方式：

1. 单向绑定（v-bind）：数据只能从data流向页面
   备注：
   v-bind，简写为：:
   v-bind:href = “xxx” 等价于 :href = “xxx”
2. 双向绑定（v-model）：数据不仅能从data流向页面，还可以从页面流向data
   备注：
   ①双向绑定一般都应用在表单类元素上（如：input、select等）
   ②v-model:value 可以简写为 v-model，因为v-model默认收集的就是value值

---

data与el的2种写法：

1. el有2种写法
   ①new Vue时候配置el属性
   ②先创建Vue实例，随后再通过vm.$mount(‘#root’)指定el的值

// el的两种写法
const v = new Vue({