<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                # 一:父組件傳值給子組件 ## 方法1.子組件使用props屬性接值 #### ①先在父組件中引入子組件 ![](https://img.kancloud.cn/33/bf/33bf55ed3e15bc7405f480900e23fab3_682x172.png) ***** ***** ②在父組件中使用子組件,并通過屬性把方法和變量傳到子組件 ![](https://img.kancloud.cn/2f/b0/2fb006b5716382443669e8900496254f_447x183.png) ③在對應的子組件中使用props接收值,可以用數組或者對象 ![](https://img.kancloud.cn/94/43/9443d01dc4720f189a20cc32f343d129_311x146.png) 接收完對象或變量,使用this即可調用 ## 方法2:通過ref引用操作子組件 ①在引入的子組件中添加ref屬性 ![](https://img.kancloud.cn/71/f3/71f3f042aa1ff62bf6146c1efd40f29a_601x187.png) ②通過ref屬性操作子組件 ![](https://img.kancloud.cn/bb/83/bb830f18775f4505ddc07fade7c644d2_638x136.png) ## 方法3:通過$children方法找到對應的子組件 ## 方法4:依賴注入 ``` //父組件,定義方法或變量 provide: function () { return { getMap: this.getMap } } //子組件:接收方法或參數 inject: ['getMap'] ``` # 二:子組件傳值給父組件 ## 方法1:通過$emit方法,然后在父組件中的對應子組件上,使用事件觸發這個方法獲取數據 ![](https://img.kancloud.cn/e0/ce/e0ce9665e52bd047f77c9fe76488b616_516x109.png) ***** 方法名需要和傳遞過來的一致 ![](https://img.kancloud.cn/95/b5/95b5ca56a02a106bf60c5e0625a3a187_685x82.png) ***** 此時即可使用獲取的內容 ![](https://img.kancloud.cn/96/61/96616416da9378c47b88c7880763d275_319x135.png) ## 方法2:通過$parent獲取父組件元素 ## 方法3:通過$root獲取根組件元素 # 三:兄弟組件傳值 bus ``` 1.新建一個bus.js文件,引入vue,代碼如下 // 公共bus import Vue from "vue"; export default new Vue(); 2.引入bus.js,通過$emit返回方法和參數 import bus from "./bus.js"; bus.$emit("方法名",參數); 3.在兄弟組件中獲取方法和參數: import bus from "./bus.js"; bus.$on("方法名",val=>{ console.log(val);//val就是傳過來的參數 }) ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看