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

用來綁定點選事件