标签:ast code ons imp pre return 数据流 因此 default
vue提倡单项数据流,因此在通常情况下都是父组件传递数据给子组件使用,子组件触发父组件的事件,并传递给父组件所需要的参数。
上篇文章已经叙述过
vm.$emit( event, arg ) //触发当前实例上的事件
vm.$on( event, fn );//监听event事件后运行 fn;
//父组件 <template> <div id="app"> <v-child @pastInfo="sendMsg"></v-child> </div> </template> <script> import Child from ‘./components/Child‘ export default { components:{ ‘v-child‘:Child }, data(){ return{ parentMessage:‘来自父组件的信息‘ } }, methods:{ sendMsg(name,age){ console.log(this.parentMessage,name,age); } } } </script>
<template> <div> <div>子组件</div> </div> </template> <script> export default { mounted(){ this.$emit(‘pastInfo‘,{name:‘zhangsan‘,age:‘10‘}) } } </script>
标签:ast code ons imp pre return 数据流 因此 default
原文地址:https://www.cnblogs.com/zjx304/p/9821600.html