ES6開始可以使用“Tab”健上面的點健來聲明字符串,這樣的好處是可以直接換行而不需要使用+號
使用組件必須需要放到vue的實例裏面(一般是在div中)
全局組件與局部組件
直接在new vue裏面註冊的組件則是局部組件只能在當前的vue實例裏面使用
父子組件
在一個父組件中註冊另一個組件,然後就可以在父組件內部使用被註冊的組件
註冊組件的語法糖寫法
全局註冊
局部註冊
組件模板的抽離寫法
方式一
方式二
組件不能訪問vue實例裏的數據,組件自己可以有數據
父子組件的通信
props的使用
props數據驗證
props駝峯標誌,在使用的時候必須轉爲下劃線
子級向父級傳遞
子模板觸發事件
在組件的methods將內容emit出去
傳入會父組件
在父組件的methods中再進行處理
通過$children拿到子組件的內容,但是一般不這麼用
通過$ref拿到子組件的內容,這種方式使用較多
這種方式使用前需要指定內容
接着才能在父組件中獲得
通過$parent拿到父組件的內容,但基本不用,通過通過root訪問根組件,也用的很少