1、常用特性概述
表單操作
自定義指令
計算屬性
過濾器偵聽器
生命週期
2、表單操作
基於vue的表單操作：
input 單行文字
textarea 多行文字
select 下拉選擇框
radio 單選框
checkbox 多選框
表單域修飾符：
number：轉化為數值
trim：去掉開始和結尾的空格（注意：無法去掉中間的空格）
lazy：將input事件切換為change事件（切換之後輸入域的內容發生變化不再觸發事件，只有當輸入域失去焦點的時候才會觸發事件）
3、自定義指令
為何需要自定義指令？
內建指令不滿足要求
自定義指令的語法規則：
//註冊乙個全域性自定義指令 `v-focus`
vue.directive('focus',
})
自定義指令用法：
<input
type
="text"
v-focus
>
帶引數的自定義指令：
vue.directive('color',
})
帶引數指令的用法：
<input
type
="text"
v-color
=''>
區域性指令：
drectives:}}
4、計算屬性
為何需要計算屬性？
表示式的計算邏輯可能會比較複雜，使用計算屬性可以使模板內容更加簡潔
計算屬性的用法：
computed：}
計算屬性與方法的區別：
計算屬性是基於他們的依賴進行快取的（如果資料不發生變化就不再計算，直接從快取中取資料，反之則計算）
方法不存在快取
5、偵聽器
偵聽器的應用場景：
資料變化時執行非同步或開銷較大的操作
偵聽器的用法：
watch:,lastname:
function
(val)
}
6、過濾器
過濾器的作用時什麼？
格式化資料，比如將字串格式化為首字母大寫，將日期格式化為指定的格式等。
自定義過濾器：
vue.filter('過濾器名稱',function
(value))
過濾器的使用：
<div>}
div>
<
div>}
div>
<
div
v-bind:id
="id | formatid"
>
div>
區域性過濾器：
filters:}
帶引數的過濾器：
vue.filter('format',function
(value,arg1))
帶引數過濾器的使用：
<div>}
div>
7、生命週期
主要階段
掛載（初始化相關屬性）
beforecreate
created
beforemount
mounted
更新（元素或元件變更操作）
beforeupdate
updated
銷毀（銷毀相關屬性）
beforedestroy
destroyed
vue例項的產生過程
beforecreate在例項初始化之後，資料觀測和事件配置之前被呼叫。
created在例項建立完成後立即被呼叫。
beforemount在掛載開始之前被呼叫。
mounted el被新建立的vm.$el替換，並掛載到例項上去之後呼叫該鉤子。
beforeupdate資料更新時呼叫，發生在虛擬dom打補丁之前。
updated猶豫資料更新導致的虛擬dom重新渲染和打補丁，在這之後會呼叫該鉤子。
beforedestroy例項銷毀之前被呼叫。
destroyed例項銷毀後呼叫。
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 計算屬性是基於他們的依賴的資料進行快取的，如果資料不發生變化，用的是第一次計算的快取結果，方法是呼叫就執行。資料變化，會觸發方法，資料變化時執行...
Vue常用特性
1.單選框操作 男男女女男女 2.核取方塊操作 我們如法炮製寫一下核取方塊 打球敲 學習 3.表單修飾符 number 修飾符 type number 是html 表單自帶的屬性 在表面上一看其實加不加number都無所謂,其實在獲取表單value 時我們獲取的都是字串型別,加上了.number會自...