说明
【Vue 开发实战】学习笔记。发实
双向绑定和单向数据流
vue 是战基单向数据流，v-model 只是础篇一种简写形式，v-model 在内部为不同的绑定不冲输入元素使用不同的 property 并抛出不同的事件：
- text 和 textarea 元素使用 value property 和 input 事件；
- checkbox 和 radio 使用 checked property 和 change 事件；
- select 字段将 value 作为 prop 并将 change 作为事件。
{ { message}} 前置icon后置icon：{ { value}} 
自定义组件的 v-model
一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是向数像单选框、复选框等类型的据流输入控件可能会将 value attribute 用于不同的目的。model 选项可以用来避免这样的发实冲突：
Vue.component('base-checkbox', { model: { prop: 'checked', event: 'change' }, props: { checked: Boolean }, template: ` `})多个属性双向绑定通过 .sync
在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。战基不幸的础篇是，真正的绑定不冲双向绑定会带来维护上的问题，因为子组件可以变更父组件，和单且在父组件和子组件两侧都没有明显的向数变更来源。
这也是据流为什么我们推荐以 update:myPropName的模式触发事件取而代之。举个例子，发实在一个包含 title prop 的假设的组件中，我们可以用以下方法表达对其赋新值的意图：
this.$emit('update:title', newTitle)然后父组件可以监听那个事件并根据需要更新一个本地的数据 property。例如：
为了方便起见，我们为这种模式提供一个缩写，即 .sync修饰符：
