1、
通過new的方式來得到了vue的例項，在new通過乙個物件來對vue的例項配置（el，data）；
接觸了雙花括號(mustache/interpolation)的語法:可以讀取變數的值 顯示在呼叫的元素的innerhtml中。
2、雙花括號
語法： }
作用：執行表示式，將表示式的結果 輸出到當前呼叫元素的innerhtml中
3、指令
迴圈、選擇判斷、顯示隱藏。。。
迴圈指令
語法1：
語法2：
選擇指令
v-if指令 ： 根據表示式執行的結果的真假 來選擇是否要掛載到dom
v-else-if
v-else
3、vue事件繫結
通過v-on去給指定的事件繫結乙個處理函式
注意事項：
方法在定義時，要放在vue例項的methods屬性
new vue(}})
事件繫結支援支援一種簡寫形式：
clickme
//通過@後邊跟上事件的名字，和v-on:是一樣的效果
clickme
vue.js 為 v-on 提供了 事件修飾符。通過由點(.)表示的指令字尾來呼叫修飾符。
v-on:submit.prevent="handlesubmit"4、vue其它常用指令
v-bind
將變數中的值 通過 v-bind 繫結到元素指定的屬性
img v-bind:src="myimage"
a v-bind:href="mylink"
v-bind:style=''
v-bind:class=''
v-bind:disabled="!isvalid"
v-bind也支援簡寫：a v-bind:href="mylink" ===》 a :href="mylink"
v-show
v-show="表示式" 根據表示式執行的結果的真假 來切換display顯示還是隱藏
v-text
v-text='變數' 根據變數更新對應的文字內容
v-html
v-html="變數" 根據變數更新對應的innerhtml
...5、vue中的v-model
雙向資料繫結：
方向1：data --> view
之前所接觸的迴圈、判斷、顯示隱藏等指令，主要的功能是將資料 繫結到檢視；
方式：①雙花括號 ②常見的指令
方向2：view --》 data
將表單控制項中 使用者操作的 結果 繫結到 資料
方式：v-model
v-model指令本身就是乙個雙向資料繫結的指令：既可以將資料繫結到檢視，又可以將檢視中的結果繫結到資料。
修飾符：
.lazy - 取代 input 監聽 change 事件（在輸入完之後，失去焦點 再去更新）
.number - 輸入字串轉為數字
.trim - 輸入首尾空格過濾
vue的使用基礎
官方的說法是這樣，簡單的理解下來就是乙個框架，別人幫我們寫好的框架，我們只需要拿來使用就行了。上面說了，vue是別人寫好的框架，我們只需要拿過來用就行了。用標籤來引入 script 通過new vue 方法來使用vue div var vm newvue methods script body 最終...
Vue 基礎使用
二 基本語法 三 vue指令 vue 讀音 vju 類似於 view 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時...
Vue元件使用基礎
這篇博文用來記錄.vue元件的使用方法。可以把元件 按照template style script的拆分方式，放置到對應的.vue檔案中。模板 template 初始資料 data 接受的外部引數 props 方法 methods 生命週期鉤子函式 lifecycle hooks 在html中使用元...