vue基礎點

一、v-model：主要在表單中使用，雙向功能；

二、插值：

　　{{}} ： 文本插值，將數據解釋爲純文本

　　v-text： 

　　v-html：輸出真正的html，數據綁定會被忽略， 只對可信內容使用 HTML 插值，毫不要對用戶提供的內容插值, 不能使用 v-html 來複合局部模板，由於 Vue 不是基於字符串的模板引擎

　　v-text：文本渲染，相似{{}}} 

三、v-show：控制顯示、隱藏（添加display：block/none）

四、v-if：控制顯示、隱藏，DOM結構有或沒有，支持<template></template>

五、v-bind：綁定屬性，給DOM元素添加屬性，綁定內聯樣式

六、v-for：循環，能夠是數組，也能夠是對象， 能夠與組件使用

七、v-on：事件綁定

八、v-once：執行一次性地插值，當數據改變時，插值處的內容不會更新

 

九、組件（component）：提供了一種抽象，讓咱們能夠用獨立可複用的小組件來構建大型應用，一個組件實質上是一個擁有預約義選項的一個 Vue 實例， 全部的 Vue.js 組件其實都是被擴展的 Vue 實例；要確保在初始化根實例 以前 註冊了組件

 

 

十、過濾器：過濾器只能在 mustache 綁定中使用，由「管道符」指示； 過濾器函數總接受表達式的值做爲第一個參數

 

十一、修飾符

　　1）事件修飾符：在事件處理程序中調用  event.preventDefault() 或  event.stopPropagation() 是很是常見的需求，v-on提供了事件修飾符，由點(.)表示的指令後綴來調用

　　　　　　　　

　　2）按鍵修飾符：監聽鍵盤事件時，咱們常常須要監測常見的鍵值

　　　　　　　　

　　　　　　　　

　

　　　3）.lazy： v-model 在  input 事件中同步輸入框的值與數據，但你能夠添加一個修飾符  lazy ，從而轉變爲在  change 事件中同步；（v-model.lazy）
　　　4）.number：自動將用戶輸入值轉爲number類型（v-model.number）

　　　5）.trim：自動過濾用戶輸入的首尾空格

　　　　　　　　

 

十二、計算屬性(computed  計算緩存)：複雜邏輯，應當使用計算屬性（ 須要展現的數據，有必定的邏輯處理時使用）， 計算屬性是基於他的依賴緩存（只有在它的相關依賴發生改變時纔會從新取值），計算屬性默認只有getter（），可是須要時也能夠設置setter（）

　　計算屬性 和 method ：均可以實現最終結果，計算屬性有一個計算緩存，若相關依賴不改變就不執行此函數；method每當從新渲染就會執行；

　　計算屬性 和 watch ：用於觀察 Vue 實例上的數據變更，來響應數據的變化，執行異步操做或昂貴操做

 

1三、表單控件綁定：v-model綁定，綁定的 value 一般是靜態字符串（對於勾選框是邏輯值）；綁定 value 到 Vue 實例的一個動態屬性上，這時能夠用  v-bind 實現，而且這個屬性的值能夠不是字符串；