1. 簡介
vue.js處在react和angular 1之間，從其它框架借鑑了很多設計理念。
vue.js從react那裡借鑑了元件化、prop、單向資料流、效能、虛擬渲染，並意識到狀態管理的重要性。
vue.js從angular那裡借鑑了模板，並賦予了更好的語法，以及雙向資料繫結（在單個元件裡）。
搭建乙個vue專案的步驟:
2. vue 也支援雙向繫結，不過預設為單向繫結，資料從父元件單向傳給子元件。後台傳值的資料有雙向資料繫結, js自生成的沒有, 需要sync
3. 指令
指令值型別
例子v-tap
function
點選事件
v-for
array
迴圈v-if
boolean
判斷, false不佔塊
v-show
boolean
判斷v-model
string
雙向繫結
v-text
string
文字v-style
string or object
1. 2.
v-on:event
function
1. event is keyup/click/~~~~~~
2. click
v-html
html
v-attr
v-link
1. 字面量路徑:home
2. 效果同上:home
3. 具名路徑
url的/後: user this.$route.params.userid
url的?後: user this.$route.query
4.後續新增
vue學習 筆記
v model 雙向繫結 v if v else if v else v on 繫結事件 v bind 繫結資料 v cloak 當vue未初始化完成前可不顯示為賦值的 vue屬性名稱 需要給v cloak設定 display none v for i迴圈次數 a資料中的資料 arr定義的陣列 最好...
vue學習筆記
vue學習筆記 從7月2日到7月4日三天的學習成果 一 vue的起步 及配置環境 3 使用vue cli快速搭建vue專案vue init webpack 為專案名 建立成功需要等待一段時間 4 輸入npm run dev編譯專案，成功後根據提示或根據修改的埠號登陸 lacalhost 5.看到下圖...
vue 學習筆記
1.v if v show區別 v if 是 真正 的條件渲染，因為它會確保在切換過程中條件塊內的事件 和子元件適當地被銷毀和重建。v if 也是惰性的 如果在初始渲染時條件為假，則什麼也不做 直到條件第一次變為真時，才會開始渲染條件塊。相比之下，v show 就簡單得多 不管初始條件是什麼，元素總...