VUE

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 &lt, 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() :用于检测一个字符串自否匹配某个模式