[a] mustach語法
mustache語法,也稱為插值語法
使用方法
1. 在}中加入變數,即可在介面中直接替換成變數對應的值
2. 在}中加入表示式,如:
}, }
[b] v-once
行內屬性,表示該標籤內的變數生產一次後, 就不會再被改變
該指令後面不需要跟任何表示式(如之前的v-for後面是有表示式的)
該指令表示元素和元件只渲染一次,不會隨著資料的改變而改變。
如:我的名字是:}
[c] v-html
有時候,我們的資料是後端返回的資料,可能是一段html**,這是我們可以通過v-html直接渲染出來,這是}無法實現的
[d] v-text
行內屬性,效果和mustache很相似,也是用於將資料展示在介面上
// 改標籤被替換成變數text的內容
不夠靈活,很少用
[e] v-pre
行內屬性,表示該標籤內的內容不被解析,就講標籤內的內容原封不動的展示在介面上
// 返回}
應用很少
[f] v-cloak
cloak 斗篷
示例:}
new vue(},然後vue被解析之後,頁面顯示為"哈哈".實際上這個過程很快,我們看不到}
v-cloak新增到行內之後,在vue渲染之前,會存在,vue渲染之後這個行內屬性會被清除掉
利用這個屬性,我們可以設定渲染時前的樣式,渲染之後自動消失
Vue的基本語法
el 指定vue所操作的dom範圍,屬性值是你獲取的節點 data 就是vue的model,是存放資料的,屬性值是乙個物件或者是乙個函式,在元件中的data是乙個函式 methods 是vue中的事件方法 指令式渲染 1 v html,v text 採用 語法 插值運算 2 v html 它可以加標...
Vue的基本語法
每個 vue 應用都需要通過例項化 vue 來實現。語法格式如下 var vm new vue 讓我們通過例項來看下 vue 構造器中需要哪些內容 可以看到在 vue 構造器中有乙個el 引數,它是 dom 元素中的 id。在上面例項中 id 為 vue det,在 div 元素中 這意味著我們接下...
vue 的基本語法
作為國內目前最火的框架,功能強大,語法簡單,基於angular 基礎上,比angular 更輕量,更適配於移動端 先引入vue檔案。和angular 一樣繫結資料到元素 class div 是不是很簡單。new vue 裡面可以隨便寫 array json string 都可以 迴圈遍歷和angul...