Vue的基本語法

2021-10-21 10:53:35 字數 722 閱讀 1427

每個 vue 應用都需要通過例項化 vue 來實現。

語法格式如下:

var vm = new vue();
讓我們通過例項來看下 vue 構造器中需要哪些內容:

可以看到在 vue 構造器中有乙個el 引數,它是 dom 元素中的 id。在上面例項中 id 為 vue_det,在 div 元素中:這意味著我們接下來的改動全部在以上指定的 div 內,div 外部不受影響。

接下來我們看看如何定義資料物件。

data 用於定義屬性,例項中有三個屬性分別為:site、url、alexa。

methods 用於定義的函式,可以通過 return 來返回函式值。

} 用於輸出物件屬性和函式返回值

當乙個 vue 例項被建立時,它向 vue 的響應式系統中加入了其 data 物件中能找到的所有的屬性。當這些屬性的值發生改變時,html 檢視將也會產生相應的變化。

除了資料屬性,vue 例項還提供了一些有用的例項屬性與方法。它們都有字首 $,以便與使用者定義的屬性區分開來。例如:

vm.$data === data

vm.$el === document.getelementbyid('vue_det')

Vue的基本語法

el 指定vue所操作的dom範圍,屬性值是你獲取的節點 data 就是vue的model,是存放資料的,屬性值是乙個物件或者是乙個函式,在元件中的data是乙個函式 methods 是vue中的事件方法 指令式渲染 1 v html,v text 採用 語法 插值運算 2 v html 它可以加標...

vue 的基本語法

作為國內目前最火的框架,功能強大,語法簡單,基於angular 基礎上,比angular 更輕量,更適配於移動端 先引入vue檔案。和angular 一樣繫結資料到元素 class div 是不是很簡單。new vue 裡面可以隨便寫 array json string 都可以 迴圈遍歷和angul...

Vue的基本語法

首先需要引入vue檔案 插值表示式 表示式為物件的表示式為物件的時候,前後的空格不能省略,兩個花括號為表示式 簡單的數學的運算 插值表示式中需要用到的值必須先在data中存在的,因為vue是資料驅動檢視的 作用域鏈不存在的時候,會error,原型鏈不存在的時候,是undefined 資料發生改變以後...