4-1 使用組件的細節點
1.自定義標簽,使用is解決模板標簽上的問題 ,適用范圍:<table> --> <tr> --> <td> // <ul>/<ol> -- > <li> // <select> --> <option>
2.根組件(最外層 vue 實例) 定義data 直接使用對象
非根組件(自定義組件)中 定義data 值必須使用函數,返回對象。(目的:通過函數返回對象,使每個子組件擁有獨立的數據存儲)
3.ref 引用 (操作div 或組件)
操作DOM 在 div標簽上加 ref
子組件向父組件傳值,向外觸發(可攜帶多個參數)
4-2 父子組件間的數據傳遞
父組件通過 屬性 的形式向子組件傳值, 子組件通過 事件觸發 的形式向父組件傳值
局部組件,父組件使用需要先注冊
父組件向子組件傳遞數值:
i)通過屬性的形式 :父組件 count ='0' 傳遞數字
子組件 props:承接父組件傳遞過來的屬性
父組件可以向子組件傳遞參數(以屬性的形式),傳遞過來的參數也可以任意修改,但是 子組件不能反過來修改父組件傳遞的參數,(只能去用)
單行數據流(子組件不能改變父組件傳遞的值)
變形: 克隆父組件傳遞過來的值
子組件向父組件傳值