記錄下前段時間學習的vue，方便自己後面回來檢視。
ps： vue全家桶**： 1. vue - router; 2. vuex; 3. vue-resource 加上構建工具： vue-cli
餓了麼： 元件
pc端： element-ui
移動端： mint-ui
angular 09年
react 2023年，使用者體驗好
vue 2023年，使用者體驗好
jquery庫 -> dom（操作dom）+ 請求
art-template 庫 - > 模板引擎
框架 = 全方位功能齊全
簡易的dom體驗 + 發請求 + 模板引擎 + 路由功能
kfc的世界裡，庫就是乙個小**， 框架就是全家桶
**上的不同：
一般使用庫的**，是呼叫某個函式，我們自己把控庫的**
一般使用框架，其框架在幫我們執行我們編寫好的**
框架： 初始化自身的一些行為
執行你所編寫的**
釋放一些資源
1：引包
2：啟動
options
目的地內容template
資料：data 儲存資料屬性
資料驅動檢視：
}物件 （不要連續3個 }} ）
字串： }
判斷後的布林值 }
三元表示式： }
可以用於頁面中簡單粗暴的除錯
注意： 必須在data這個函式中返回的物件中宣告
}} } 在vue中提供了一些對於頁面 + 資料的更為方便的輸出， 這些操作就叫做指令， 以v-***表示，比如html頁面中的屬性
比如在angular中以ng-***開頭的叫做指令
在vue中，以v-***開頭的就叫做指令，
指令中封裝了一些dom行為，結合屬性作為乙個暗號， 暗號有對應的值，根據不同的值， 框架會進行相關的dom操作的繫結。
v-text: 元素的innertext屬性，必須是雙標籤， 跟} 效果是一樣的，使用較少
v-html: 元素的innerhtml
v-if: 判斷是否插入這個元素， 相當於對元素的銷毀和建立
v-else-if
v-else
v-show隱藏元素， 如果確定要隱藏，會給元素的style加上display: none. 是基於css樣式的切換
vue-if s 是「真正」的條件渲染，因為它會確保在切換過程中條件塊內的事件***和子元件適當地被銷毀和重建。
v-if 也是惰性的，如果在初始渲染時條件為假，則什麼也不做， 直到條件第一次變為真時，才會開始渲染條件塊。
相比之下，v-show就簡單得多，—— 不管初始條件是什麼，元素總是會被渲染，並且只是簡答地基於css進行切換。
各中v-for的屬性順序 （了解） 陣列item，index 物件value，key， index
給元素的屬性賦值
可以給已經存在的屬性賦值input value
也可以給自定義屬性賦值 mydata
語法 在元素上v-bind: 屬性名="常量 || 變數名」
簡寫形式： 屬性名 = "變數名"
vue主要關注檢視層
react vs vue
jsx虛擬dom 單向資料流 vs 響應式 雙向繫結 template模板
v-model 只適應於在有value 的情況 （只能應用在表單控制項value ui控制項）
關於物件內的this
vue已經把以前this是window或者事件物件的問題搞定了
methos和data 本身是在同乙個物件中的，所以在該物件中可以通過this隨意取
this.*** 取 data中的值，this.***method調methods中的函式
渲染元件 -- 父使用子元件
1. 建立子元件（物件）
var header =
2. 在父元件中宣告， 根屬性： components:
3. 在父元件要用的地方使用《元件名》 在不同框架中，有的不支援大寫字母， 用的時候：
元件名： myheader
使用： my-header
vue學習過程記錄 1
下面指令測試電腦有木有 node,npm vue c users node v v8.11.2 c users npm v 5.6.0 c users npm v usage npm where is one of access,adduser,bin,bugs,c,cache,completion...
vue學習記錄
vue從json中遍歷位址 例如v for item in getmenuitems key item.title vue從子元件靜態資料傳遞到父元件1.首先在子元件中定義乙個方法，通過按鈕觸動方法，此方法是子元件向父元件傳值 結算 methods 2.父元件在體現子元件的html結構處，繫結子元件...
Vue學習記錄 初探Vue
說完了這一些，接下來的重點，就是選型了。經過一天的搜尋，最終定位到了vue 根據vue官網的引導，搭建的過程其實很簡單 1.安裝 vue npm install vue2.命令列工具 npm install global vue cli3.初始化專案 vue init webpack office ...