對於任何複雜邏輯，你都應當使用計算屬性
computed reversed message: "}"
4,事件的繫結
v-on 指令用於監聽 dom 事件，引數為事件名稱，引號內為繫結的事件處理函式或者是
j**ascript **（不推薦）。簡寫形式為 "@"
4-2事件修飾符
類似的還有停止冒泡（ .stop ） , 只當事件在當前元素本身時觸發（ .self ），僅觸發一次 事件（ .once ）
鍵值修飾符
13 可以使用 .submit 代替
.enter 、 .tab 、 .delete 、 .esc 、 .space 、 .up 、 .down 、 .left 、 .right
5,條件渲染（ v-if ）
根據給定條件判斷決定是否顯示元素
條件渲染（ v-show ）
與 v-if 不同的是帶有 v-show 的元素始終會被渲染並保留在 dom 中。 v-show 是簡單地切換元素的 css 屬性 display
注意， v-show 不支援 語法，也不支援 v-else 。 如果需要非常頻繁地切換元素，則使用 v-show 較好
6, 列表渲染（ v-for ）
v-for 指令根據一組陣列的選項列表進行渲染,使用 item in items 形式的特殊語法
items 是源資料陣列並且 item 是陣列元素迭代的別名
7,表單輸入繫結
v-model 指令可以在表單控制項元素上建立雙向資料繫結(不會用於文字元素)
1 . 單行文字、多行文字框、單選按鈕、下拉列表簡單使用 v-model 繫結即可
message is: }
2 . 核取方塊（繫結到乙個陣列中）
data:
二：動畫(animation)
vue 在插入、更新或者移除 dom 時，提供多種不同方式的應用過渡效果。 包括以下工具：
1，在 css 過渡和動畫中自動應用 class
2，可以配合使用第三方 css 動畫庫，如 animate.css
3，在過渡鉤子函式中使用 j**ascript 直接操作 dom
4，可以配合使用第三方 j**ascript 動畫庫，如 velocity.js
vue 提供了 transition 的封裝元件，在下列情形中，可以給任何元素和元件添 加 entering/le**ing 過渡
在進入 / 離開的過渡中，會有 6 個 class 切換， v- 是這些類名的字首，可以在transition 標籤中設定 name 屬性改變該字首。
v-enter(進入前) v-enter-active(進入中) v-enter-to(進入後) v-le**e(離開前) v-le**e-active(離開中) v-le**e-to(離開後)
1，自定義過渡樣式
切換 hello vue
2，自定義過渡的類名，和其他第三方動畫庫，animate.css結合使用
enter-class 、 enter-active-class 、 enter-to-class
le**e-class 、 le**e-active-class 、 le**e-to-class
切換
hello vue
3，j**ascript 鉤子，可以通過 js 鉤子定義動畫，結合第三方動畫庫 velocity.js( 以及外掛程式velocity.ui.js)
before-enter 、 enter 、 after-enter 、 before-le**e 、 le**e 、 after-le**e
切換 hello vue
methods:) },
le**e:function(el,done)) }
}4，列表過渡
為了同時渲染整個列表，使用 ，不同於 ，它會
以乙個真實元素呈現：預設為乙個 。你也可以通過 tag 特性更換為其
他元素，內部元素 總是需要 提供唯一的 key 屬性值
}變通方法：
//監聽
components:
}也可以為插槽提供名字，這樣可以在乙個子元件中插入多個父元件提供的模板。
這裡有一些聯絡資訊
4，作用域插槽
作用域插槽是一種特殊型別的插槽，用作乙個 ( 能被傳遞資料的 ) 可重用模板，來代替已經渲染好的元素。
在子元件中，只需將資料傳遞到插槽，在元件中，具有特殊特性 slot-scope 的 元素必須存在，
表示它是作用域插槽的模板。
vue.component('my-ul',}
});vue.component('my-list',}
5，動態元件---可以用vue外掛程式--路由來代替
通過使用保留的 元素，動態地繫結到它的 is 特性，可以讓 多個元件可以使用同乙個掛載點，並動態切換。
new vue(,
components:,
'my-com2':,
'my-com3': }})
Vue個人經驗小結
this.axios.get then response 搭配swiper和elementui echarts來豐富你的介面 做出各種炫酷的效果 對於keep alive的理解 keep alive是vue的內建元件，在元件切換過程中，keep alive能嚴格的將狀態保留在記憶體中，帶來的好處是可...
個人筆記 Vue和React的簡單路由攔截
之前一直基本都是用vue開發，後來有幾個專案改用react，實話說react做圖表類後台監控確實真香，元件開發和jsx語法也有點香的味道，不過相比之下。react的路由就沒有vue的舒服。react router不像vue router那樣簡便，很多東西需要自行去寫，也沒有提供類似於router b...
vue開發個人部落格
整體風格上，我對設計沒有太多的見解，做的時候參考了好多網上現有的部落格，總體喜歡簡約。正好在學vue vue vue router axios element ui框架的樣式 aos.css 動畫 less media 查詢 自適應 web h5 包含技術點 axios請求封裝 aos動畫的使用 部...