lesson10
1.demo vue樣本
}3.模板 template
1、template 有且只能有乙個根元素。
2、將你要掛載的元素進行替換操作。
3、模板當中可以使用指令，data,methods等等都可以使用
// 注意：
當你實現化vue例項時，他會看是否有模板，如果有會將你掛載的元素替換。如果沒有就使用你掛載的元素作為模板。
template有三種使用方法
1、直接賦值
template:`1
`2、通過script標籤來定義
template:"#tp"
3、使用內建元件template
3template:"#my"
4.補充指令
v-html：輸出的是html,可以被瀏覽器所識別編譯。
v-text:輸出的是純文字格式
5.元件
例項： 元件1
元件的呼叫
例項： 元件2
//掛載的元素
6.元件的命名規則：
如果元件名字當中包含大寫字母需要將其改為小寫並以-分割。
7.單向資料流
例項可以向元件進行傳遞，通過屬性（props）
但是 通過屬性給元件傳遞的資料，在元件內是不允許直接修改的。
例項：
11.元件與v-for 遍歷
12.動態元件
案例說明：
重點知識點歸納：
1、template有三種使用方法
1、直接賦值
template:`1
`2、通過script標籤來定義
template:"#tp"
3、使用內建元件template
3template:"#my"
2.定義元件 區域性元件 全域性元件
區域性元件：
new vue(
} })
全域性元件：
vue.component(componentname,config) //第乙個引數是你元件的名字，第二個是給件的配置項
3.動態元件：
4.es6模組化：
如何匯出： export const
如何引入：script 引入 通過import
5. 向下如何傳 子元件如何接收。
通過props設定允許接收的屬性名：
將你要接收的資料進行設定
props:["num","age"]
vue 元件傳值 父子元件傳值，兄弟元件傳值
父向子 v bind props 子元件 子元件 props msg props接收 props 驗證 props food接受數值型別的引數，如果不傳入的話預設就是100 food fooe接受物件型別的引數 fooe foof使用乙個自定義的驗證器 foof foog props 是單向繫結的 ...
Vue元件傳值 父子元件傳值
父元件可以引入 使用子元件，從業務上看，該父元件有可能對子元件有個性化需求，為了體現元件的靈活多變，可以通過傳值實現。應用情景 語法 父元件要在子元件標籤上通過屬性值方式傳值 子元件標籤 name value name value name value 子元件標籤 子元件接收並應用值，具體通過pro...
vue 動態元件的傳值
vue專案開發中會用到大量的父子元件傳值，也會用到動態元件的傳值，常規子元件獲取父元件的傳值時，第一次是獲取不到的，這時候有兩種解決方案 第一種 父元件向子元件傳的是乙個json物件,es6的方法object.keys 轉化成陣列，再判斷陣列的長度。如果傳的是陣列，直接判斷長度就行 is curre...