前端基础知识: 5.Vue.js

Vue框架: 数据驱动界面刷新,数据更新,自动更新到界面上去

注意的小知识点:

1.Vue2.0中

<ul id="demo">
      <li  v-for="(item,index) in items">
           {{ index }} - {{ item.message }}
      </li>
</ul>

Vue1.0中顺序是<li v-for="(index,item) in items">

2.v-model 指令在<input>和<textarea>元素上创建双向数据绑定

2.1   注意单选框 value和v-model配合使用

<input   type="radio"   id="one"   value="One" v-model="picked"  >
<label   for="one">One</label>

<input   type="radio"   id="two"   value="Two" v-model="picked"  >
<label   for="two">Two</label>

2.2    select中保存的值是:  0 和 上海 和 2

<select   v-model="slt01">
         <option  value="0">北京</option>
         <option>上海</option>
         <option  value="2">广州</option>
</select>