vue基礎(入門視頻零基礎精華總結)


 

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:承接父組件傳遞過來的屬性

父組件可以向子組件傳遞參數(以屬性的形式),傳遞過來的參數也可以任意修改,但是  子組件不能反過來修改父組件傳遞的參數,(只能去用)

 

單行數據流(子組件不能改變父組件傳遞的值)

變形:  克隆父組件傳遞過來的值

子組件向父組件傳值

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM