一、vi-if

1.1基本使用

必須綁定大盒子包住的代碼，使用id或者class都可以進行綁定

new Vue({

el:"#id"? el:".class"

})

1.2v-if和v-show的區別

?v-show會渲染，但是不顯示，v-if不渲染不顯示

1.3vue實例的作用范圍

必須包裹在實例化的id或者class中，用{{}}進行引用

二、v-for

2.1 基本使用

數據寫在script中的data部分，v-for寫在代碼區

語法：v-for="item in 數組名"?

使用：{{item}}

2.2for循環渲染

v-for="(i,j) in 數組名/對象名"? 先內容后索引

使用：{{j+":"+i}}

效果：下標：內容

三、模版語法

3.1v-html

v-html:可以渲染html代碼

在js代碼中定義了帶css或者html的內容

在內容代碼中使用v-html=“帶html代碼的內容”

3.2 v-bind

如果需要使用js代碼中data的內容來渲染頁面

可以使用：樣式名? ?的方式來實現

原型是v-bind

例如：v-bind：href? ?簡寫：? ：href

四、v-on指令

4.1基本使用

如果在點擊某個按鈕時切換樣式，可以用v-on和點擊事件完成

在內容區：button v-on：click=“函數名”

所有函數或者方法都寫在methods區

在js區：methods:{

函數名：function（）{

實現方法}

}

4.2v-on簡寫

@需要的操作

例如：@click

?