一、插值
1.文字
文字這個最簡單，就是資料是什麼，模板中就渲染什麼。
示例**:
>
>
}div
>
src=
"">
script
>
>
newvue(}
)script
>
body
>
我們可以使用 v-once 指令，規定資料只渲染一次。寫法如下：>
v-once
>
}p>
div>
v-cloak 指令，用來控制當資料沒有渲染出來的時候，是否顯示佔位符。需要注意，該指令要和 css 配合使用。html 部分：
>
>
v-cloak
>
}p>
div>
src=
"">
script
>
>
newvue(}
)script
>
body
>
css 部分：
>
[v-cloak]
style
>
有些時候我們渲染的資料，含有 html 標籤，但是如果以文字的形式，無法渲染出 html所以需要使用 v-html 指令。
示例如下：
>
>
>
}p>
v-html
="message"
>
p>
div>
src=
"">
script
>
>
newvue(}
)script
>
body
>
所謂特性，就是 html 標籤中動態的屬性，換句話說，就是 html 中的屬性通過 data 來控制。
示例**如下：
>
>
v-bind:title
='abc'
>
}p>
div>
src=
"">
script
>
>
newvue(}
)script
>
body
>
繫結有乙個簡寫的方法，將 v-bind 簡寫為乙個 ":"
:title
='abc'
>
}p>
該功能是 vue 2.6.0 以後所提供的功能。繫結的屬性名可以是動態的。
例項**如下：
>
>
:[title]
='abc'
>
}p>
div>
src=
"">
script
>
>
newvue(}
)script
>
body
>
在我們的佔位符裡面，可以放入 js 表示式。最終，模板裡面會顯示表示式的返回值。
示例**如下：
>
>
>
}p>
>
}p>
>
}p>
:id=
"'list'+id"
>
p>
div>
src=
"">
script
>
>
newvue(}
)script
>
body
>
vue基礎 例項
1 資料和方法 響應式雙向繫結 當乙個 vue 例項被建立時，它向 vue 的響應式系統中加入了其data物件中能找到的所有的屬性。當這些屬性的值發生改變時，檢視將會產生 響應 即匹配更新為新的值。我們的資料物件 var data 該物件被加入到乙個 vue 例項中 var vm new vue 獲...
Vue基礎語法2
vue基礎語法1 一 樣式繫結 class繫結 使用方式 v bind class expression expression的型別 字串 陣列 物件 style繫結 v bind style expression expression的型別 字串 陣列 物件 二 事件處理器 之前已學習 事件修飾符...
VUE 基礎語法2
eg import home from components home.vue eg components function err catch error home 在父元件中1.呼叫子元件的時候定義乙個ref 在父元件中2.在父元件裡面通過 this.refs.head.屬性 this.refs...