在這裡我們主要是講解一些vue例項的屬性和一些基礎的指令
vue例項屬性:
其實和我們之前所學的物件的屬性是相似的東西
指令:可以看做是命令,在vue中我們可以通過指令來完成相關的操作；在vue中以v-開頭,後面緊跟具體的操作命令
一些基本的指令：
v-once: 只繫結一次
v-bind: 繫結資料
v-model: 繫結模型
v-on: 繫結事件
v-if v-show: 條件渲染
方法：
使用methods來定義方法,使用v-on監聽事件,繫結事件處理函式
click
生命週期鉤子函式：
演示：
data: ,
//在建立物件之前,監控資料變化和初始化事件之前呼叫
beforecreate: function() ,
//例項建立完成之後呼叫,掛載階段還沒有開始
created: function() ,
//開始掛載的時候執行,這時html還沒有渲染到頁面上
beforemount: function() ,
//掛載完成,也就是模板中的heml渲染到了頁面中,此時可以做一些ajax的操作,這個鉤子函式只會執行一次
mounted: function() ,
//資料更新之前呼叫
beforeupdate: function() ,
//資料更新之後呼叫
updated: function() ,
//資料銷毀之前
beforedestroy: function() ,
//資料銷毀之後
destroyed: function() ,
});//實現資料的更新
// vm.$set(datamodel, 'number', 123)
//銷毀鉤子的執行
// vm.$destroy(true)
補充：
1.activated
keep-alive 元件啟用時呼叫。該鉤子在伺服器端渲染期間不被呼叫。
2.deactivated
keep-alive 元件停用時呼叫。該鉤子在伺服器端渲染期間不被呼叫。
Vue基礎 Vue常用特性
1 常用特性概述 表單操作 自定義指令 計算屬性 過濾器偵聽器 生命週期 2 表單操作 基於vue的表單操作 input 單行文字 textarea 多行文字 select 下拉選擇框 radio 單選框 checkbox 多選框 表單域修飾符 number 轉化為數值 trim 去掉開始和結尾的空...
Vue基礎 常用特性
常見的表單元素 input單行文字，textarea多行文字，select下拉多選，radio單選框，checkbox多選框 1 兩個單選框需要同時通過v model雙向繫結 乙個值 2 每乙個單選框必須要有value屬性 且value 值不能一樣 3 當某乙個單選框選中的時候 v model 會將...
vue常用特性
vue.directive focus 用的話加上v focusvue.directive color 用的話加上v focus text v color 計算屬性是基於他們的依賴的資料進行快取的，如果資料不發生變化，用的是第一次計算的快取結果，方法是呼叫就執行。資料變化，會觸發方法，資料變化時執行...