Vue-指令详解-过滤器

{{}}(包括使用过滤器对数据的格式处理)

用于输出属性的值，还可以使用一些简单的表达式进行运算，如果想要将输出的标签展示请使用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

用来绑定点击事件