{{}}(包括使用过滤器对数据的格式处理)
用于输出属性的值,还可以使用一些简单的表达式进行运算,如果想要将输出的标签展示请使用v-html=' '
过滤器的第一个参数是数据本身
指令
指令的主要作用是,当表达式(v-)的值变化时,将某些行为应用到dom元素上。数据驱动dom是vue的核心理念所以不到万不得已不要手动操作dom。vue为我们提供了大量的指令来操作dom例如循环渲染,显示与隐藏等。
v-clock的作用就是在vue没有初始化完成前防止显示数据的跳闪等问题
<style>
[v-cloak]{
display: none
}
</style>
<div id="itany">
<p v-cloak>{{msg}}</p>
</div>
<script src="js/vue.js"></script>
<script>
new Vue({
el:"#itany",
data:{
msg:"hellovue"
},
beforeMount:function(){
alert("确定执行")
}
})
</script>
v-once
条件渲染指令
v-if v-else-if v-else使用方法
一次性判断多个元素的的时候
vue出于性能的考虑会优先复用已有的元素(有时只是在原有的元素上做部分的更改)
使用key保证元素的唯一性
v-show(只用与css属性值的切换)
v-for
基本使用方法
可以使用of代替in
通过()建立索引
可以实战遍历对象
遍历对象获取索引和key
迭代整数
v-bind
用来绑定href,srcd等属性
v-on
用来绑定点击事件