vue基础
指令,事件 //指令5 <input v-model="msg"></input> 双向数据数据 <div v-text="msg"></div>与{{msg}}功能一样,但前面那个的好处是网速慢的时候也不会看到小胡子,另一个网如果不好会看到小胡子 <div v-once>{{content}}</div> 只绑定一次,以后不会再受数据变化就更新了 <div v-html="msg"></div> 把HTML字符当HTML代码渲染,如msg:"<p>hello</p>"页面显示就是hello,但如果用小胡子显示数据的话就是<p>hello</p> <li v-for="(item,index) in list"></li>要循环谁就在谁身上添加该属性,item就是当前项,index是索引 //事件 v-on:click="函数名"可以简写成@click="函数名"。 函数名要在methods里注册 1. vue会自动给函数传递事件源,即如果绑定事件的时候后面什么都不写,methods里面的方法可以直接拿到事件源e。 <button @click="fn">点我呀</button> methods:{ fn:function (e) {console.log(e)} } 2. 如果写了()想要拿到事件源则绑定函数时括号里需要写$event作为第一个参数 <button @click=