Vue的基本語法

2022-08-10 14:36:23 字數 666 閱讀 5979

首先需要引入vue檔案

插值表示式:}}

}}}  }}

表示式為物件的表示式為物件的時候,前後的空格不能省略,兩個花括號為表示式;

簡單的數學的運算}}

插值表示式中需要用到的值必須先在data中存在的,因為vue是資料驅動檢視的

作用域鏈不存在的時候,會error,原型鏈不存在的時候,是undefined

資料發生改變以後,檢視應該是發生相應的渲染

陣列通過length,[ ]   改變以後不能渲染檢視

在vue中,重寫了陣列的7個方法,這7個方法可以對應的渲染檢視,陣列的變異方法

push , pop, shift, unshift, sort, splice,reverse

vue中,如果只沒有發生改變,不會去渲染檢視

var  vm = new vue(}}

指令:}}

} }

hello

hello,}今天是1105

hello

world

hello

world

v-if和v-show的區別?

1.v-if是刪除這個dom節點,v-show控制css中的display屬性,v-if的效率更高

2.v-show是不支援template

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