摘要:一父傳子組件通信拿當父組件,當子組件父組件中導入子組件子組件導出在父組件中注冊子組件子組件通過來接收數據二子與父組件通信子組件主動觸發方法,為向父組件傳遞的數據父組件監聽子組件觸發的事件然后調用方法二非父子組件通信把當作一個中轉站組
一.父傳子組件通信
拿app.vue當父組件,content.vue當子組件
1.父組件中導入子組件(子組件導出)import contents from "./components/content";2.在父組件中注冊子組件
data() { return { test:"0" }; }, components:{ "v-header":headers, "v-content":contents }3.子組件通過props來接收數據
二.子與父組件通信 子組件:
methods: { down() { this.$emit("down","null"); //主動觸發down方法,"null"為向父組件傳遞的數據 } }父組件:
二.非父子組件通信methods: { changes(msg) { this.test= test; } }//監聽子組件觸發的down事件,然后調用changes方法
//把a當作一個中轉站
var a = new Vue();
組件1觸發:
methods:{ eve(){ a.$emit("change","null") } }
組件2接收:
created(){ a.$on("change",()=>{ this.msg = "null" }) }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/92149.html
摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...
摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...
摘要:作為目前最熱門最具前景的前端框架之一,其提供了一種幫助我們快速構建并開發前端項目的新的思維模式。的新版本,的簡稱。的包管理工具,用于同一管理我們前端項目中需要用到的包插件工具命令等,便于開發和維護。 Vue.js作為目前最熱門最具前景的前端框架之一,其提供了一種幫助我們快速構建并開發前端項目的新的思維模式。本文旨在幫助大家認識Vue.js,了解Vue.js的開發流程,并進一步理解如何通...
摘要:組件基礎與通信一腳手架簡介與安裝之前安裝的是模塊,之后安裝的是模塊。如果是三級組件通信,該如何處理比如父組件與孫子組件通信。和,提供和注入實現祖先組件和后代組件之間通信。 Vue組件基礎與通信 一、vue cli腳手架 ① vue cli 簡介與安裝 vue cli 3.0之前安裝的是vue-cli模塊,vue cli 3.0之后安裝的是@vue/cli模塊。如果已經全局安裝了舊版本的...
閱讀 683·2021-11-23 09:51
閱讀 3274·2019-08-30 15:54
閱讀 439·2019-08-30 15:52
閱讀 3107·2019-08-30 13:58
閱讀 2912·2019-08-30 13:53
閱讀 2683·2019-08-29 14:18
閱讀 2406·2019-08-27 10:54
閱讀 2363·2019-08-26 18:09