VUE的基本使用方式
1. vue双向绑定
<div id = "app">
<input v-model="name"> / / V-model 是为vue专有的
<h1>{{name}}</h1>
</div>
var vue = new vue({
el: "#app", //绑定的控件
data : { //数据源
names : ['Tom','Cat','Vue','Boots'],
nums:[1,2,3,4,5,6,7],
name:'Orilore',
person:{name:'张三' , sex : '男'，age : '19'}
}
methods：{
save:function(){}
query:function(){}
remove:function(){}
}
})
v-model: 元素属性值，
v-on:click / @click : 单击事件
v-for = ""
v-if = "n<10"
v-if = " n <, 10"
<ul>
<li v-for = "n in names">{{n}}</li>
</ul>
json数据 表格显示 kinds
<table>
<tr v-for = "k in kinds">// 数组一共多少条数据
<td>{{k.id}}</td> //一个数组元素对象的键
<td>{{k.name}}</td>
</tr>
</table>
如果循环输出里面的数据，不想输出id号，或者id号不是连续的应该
v-for = "(k,index) in kinds"
{{index}}
正则表达式
/^ $/
reg = /^ [\u4e00-\ufa5]{2,5}$/
reg.test() :用于检测一个字符串自否匹配某个模式
