003 Vue 的基本語法

2022-07-03 01:15:13 字數 848 閱讀 1558

[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...