input中v-model和value不能同时调⽤时解决⽅案
<input type="text" v-model="keyWord"  value="请输⼊地名地址"  >
当使⽤如上代码时，样式如下：
输⼊框内并没有显⽰“请输⼊地名地址”字样，其原因是：
  v-model官⽅给出的说发是：这其实是⼀个简写的形式，v-model实际执⾏的是下⾯的绑定：
  <input type="text" v-bind:value="dataA" v-on:input="dataA = $event.target.value" />
  v-model是动态绑定值到value，然后监听input的inpit事件获取值后赋给dataA的⼀个过程。
因此默认的value不会显⽰，仅会在初始化渲染时短暂显⽰。
当我们要实现这个效果时，需要⽤到 placeholder 。
placeholder 这个属性是HTML5中新增的属性，该属性的作⽤是规定可描述输⼊字段预期值的简短的提⽰信息，该提⽰会在⽤户输⼊之前显⽰在输⼊字段中，会在⽤户输⼊字段后消失，有些浏览器则是获得焦点后该提⽰便消失（如Safari、IE）。
<input type="text" v-model="keyWord"  placeholder="请输⼊地名地址">
此时输⼊框出现字样。若想调整⽂字颜⾊，可使⽤下列代码：
  input::-webkit-input-placeholder{
color:red;
}
input::-moz-placeholder{  /* Mozilla Firefox 19+ */
color:red;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
color:red;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
color:red;
}
针对不同浏览器或不同版本的浏览器会有不同的写法，会添加相应的前缀。
注意：
  1、WebKit, Blink, Edge浏览器等需要带上-webkit-前缀，且是双冒号，写的时候还要带上inputinput标签placeholder属性
  2、针对⽕狐浏览器则有两种写法，⼀种是针对低版本的，⼀种是针对⾼版本的，⼆者都需要带上-moz-前缀。要点1：⽕狐低版本的使⽤冒号（：），⽽⾼版本的使⽤双冒号（：：）；要点2：⽕狐浏览器不需要像webkit内核那样要带上input。
  3、由于placeholder属性只在IE10+才⽀持，因此，针对IE10、IE11的写法是加上-ms-前缀，使⽤的是冒号（：），需要带上input