vue基礎介紹
阿新 • • 發佈:2018-01-02
bind als post -s -o 原生 display 基礎介紹 數據驅動
1.流行框架
MVVM 雙向數據綁定 數據驅動的思想
2.Vue 和 Angular 的關系
Vue 個人作品
Angular Google
React FaceBook
3.app
1. WebAPP 網頁應用
2. NativeAPP 原生APP IOS Android weex reactnative
3. HybridAPP 混合APP
4.基本指令
v-model: 雙向綁定 (只能用在表單元素中)
{{}}: 插值表達式
v-bind: 為元素的屬性綁定數據
v-if : v-if可以指定一個條件,如果條件為false,那麽元素將不會被添加到頁面中,如果為true,則正常顯示
v-show: v-if可以指定一個條件,如果條件為false,那麽元素將被設置為display:none,如果為true,則正常顯示
v-for: 遍歷顯示內容 v-for="item in list"
v-on: 註冊事件 v-on:click="" 事件註冊的內容回去methods屬性中進行查找,事件中的this,指的Vue實例
vue基礎介紹