Vue 入門基礎

通過 vue 建構函式建立 vue 例項，並啟動 vue 應用入口；

el 用於指定頁面中已經存在的dom元素來掛載 vue 例項，可以是標籤也可以是 css 語法；

data 宣告應用中需要雙向繫結的資料，建議需要用到的所有資料都預先在 data 中宣告，不至於將資料散落到業務邏輯中難以維護，也可以指向乙個已經存在的變數；

// element 用於指定頁面中已經存在的dom元素，掛載到 dom 中（也可以時css）

// 宣告應用內需要雙向繫結的資料

data:

})}為基本的語法，會自動將雙向繫結的資料實時地顯示出來；

還可以使用 js 單行表示式進行簡單的運算和三元運算等；

只支援單個表示式，不支援語句和流控制。

vue 支援在文字插值的的尾部新增|對資料進行過濾，經常用於格式化文字。過濾器規則是自定義的，通過給 vue 例項新增 filters 屬性來設定。乙個文字插值可能存在多個過濾器(過濾器串聯)。過濾器可以傳參，傳遞的引數對應 filters 屬性中方法中的第二個以後的引數。

}
...filters: 
}

指令，帶有字首v-，能快速完成 dom 操作，迴圈渲染，顯示和隱藏

v-text解析文字，效果和文字插值一樣}

v-html解析 html，將 data 中的 html 解析渲染出來

v-bind動態更新 html 元素上的屬性，id / class 等

v-on繫結事件***，事件處理方法以函式形式寫在 vue 例項的 methods 屬性內，函式內的 this 指向的是當前 vue 例項本身，可以直接使用 this.*** 的形式來訪問或修改資料。

可以在動態屬性前加乙個:簡寫v-bind，例如：:class="classname"

可以在事件前加乙個@簡寫v-on，例如：@click="changetext"