使用時請注意以下幾點:
插值表示式是vue框架提供的【指令】
插值表示式中 不可以寫**片段 會報錯
屬性節點中不能使用插值表示式,如果要為元素節點動態繫結資料,我們要用v-bind動態繫結屬性(下篇文章講)
**演示:
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
"hello"
>娃哈哈<
/h1>
<
/div>
<
!-- 注意如果指令想要生效,必須放在vue控制的區域內 --
>
// 3.建立vue例項物件,並指定要控制的頁面區域
const vm =
newvue(}
)<
/script>
<
/body>
<
/html>
Vue常用的指令及用法
v if 判斷是否隱藏 list.lenght 0 v if div else v else div v for 資料迴圈 item代表是迴圈的值 index代表是每一項 也可以說是下標 key 代表標識 for item,index in list key index p div v bind c...
Vue的模板語法及指令的用法
即 作用 在檢視中渲染資料 注意 模板中是js環境 必須放表示式或值 不會去放語句。模板中的變數和函式必須是例項中的屬性或者方法 對於js全域性函式,有些可以使用,有些不可以,即 白名單 對於全域性window下的方法vue設定了白名單,只有在白名單下的方法,模板才可以使用。白名單 infinity...
vue基礎及指令
src vue.js路徑 script 這裡寫相關js的 script new vue 掛載點,將對應符合選擇器要求的掛載點,作為vue的模板 只有變成模板才能去使用模板語法 new vue 如果我們把資料放在data中,那麼我們就可以在頁面模板中直接使用這些data,如果實在new vue中的相關...