Vue.js指令

標籤：互動   應用   html元素   屬性   html   表達   完成   運算式   v-for   

一、學習目標

• 瞭解 什麼 是 Vue.js 指令
• 理解 Vue.js 指令的 用途
• 掌握 Vue.js 指令的書寫規範
• 能夠 使用 Vue.js 指令完成部門頁面互動效果(痛點和重點)

二、指令的基本概念

2.1、什麼是Vue.js指令

指令是帶有v-首碼的特殊屬性：v-bind、v-bind:is、v-bind:key、v-cloak、v-else、v-else-if、v-for、v-html、v-if、v-model

2.2、Vue.js指令的用途

在運算式的值改變時，將某些行為應用到DOM上。

2.3、Vue.js指令的書寫規範

書寫位置： 任意HTML元素的開始標籤內。

注意：一個開始標籤內可寫入多個指令，多個指令間使用空格分隔。

 

 

　　

　　

Vue.js指令