vue详细学习(二)
class的操作
<div class="play:judge">
data: {
judge:true
}
<div id="app" v-html="msg">
data: {
msg:"<div>1212323</div>"
}
data: {
msg:"<div>1212323{{...}}</div>"
}//不能解析{{}}的内容
<div id="app" v-html="msg">
data: {
msg:"<div>1212323</div>"
}
data: {
msg:"<div>1212323{{...}}</div>"
}//不能解析{{}}的内容,
template:"<></>"//会替换整个vue的el元素选择到的标签为template内部标签
render 从写方法会覆盖一些封装的方法,用render函数更高效
for in 循环渲染的render函数是通过map函数进行渲染的
![image.png](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9wbmcvMTc5NzUwMC8xNTk1NTA3Njk0MzM4LTYyNmU3ZGM3LWI0MTAtNDMwMC1iYmFjLTlhODViNzNjZWI4NC5wbmc?x-oss-process=image/format,png)
vue的数组push进行了从写,因为vue的get个set是监听引用地址是否发生改变,而push没有改变数组的引用地址。
删除当前点击的标签的方法,运用双向绑定技术
1.<div @click="toRemove(item)"> </div> //item 是for(item in list)
2.method{
toRemove: function(item) {
var index = this.list.indexOf(item)
this.list.splice(index,1);
}
}
3.splice也是被vue从写的方法,可以接受n个参数第一个必备从第几位删除,第二天个是删除几个,以后都是添加
(2,0,‘新添加’)
@dblclick 双击
自定义指令
directives:{
focus: {
update() {//钩子函数
//执行语句
}
}//指令名字
}
调用自定义指令:
<input type="text" v-focus>