vue组件实现v-model双向绑定

简单了解下v-model

Vue官网API: v2/api/#model.
自定义组件在使用 v-model 时定制 prop 和 event。

前提知识：Vue-处理边界情况 中的 emit、refs 和 Prop 单向数据流相关知识。

v-model原理

我们观看过Vue关于modelAPI的介绍之后大概知道了：

<my-input v-model="searchText" />

实际上等于：

<my-input
  :value="searchText"
  @change="val => {searchText = val}"
>

测试例子

首先是我们自定义的组件：

<template>
  <div class="hello">
    <h1>{
   {
    message }}