//父组件
<Child :list="list" @add="addFnc"></Child>
methods:{
addFnc(data){
//do something
}
}
//子组件
<button @click="addFnc(data)"></button>
methods:{
addFnc(){
this.$emit('add', data)
}
}
父子通讯 props $emit
兄弟组件或者隔代组件使用自定义事件进行通讯
import Vue from 'vue'
export default new Vue()
//绑定自定义事件
event.$on('name', functionName)
//调用自定义事件
event.$emit('name',data)
//在beforeDestroy中销毁（解绑）自定义事件 以防内存泄露
event.$off('name', functionName)
父子组件插槽的使用 父组件product.vue 子组件 ProductParam.vue
Vue/组件 创建组件 单独声明一个Vue.component，使用只需要在Vue实例下使用定义的组件名在组件中d...
Vue组件组件 Component 定义组件 公共的组件 使用组件 ...
flex坑 水平居中 vue坑 vue组件 vue-awesome-picker 组件的使用vue-awesome...
2018-06-25 创建 vue异步组件技术 vue-router配置路由，使用vue的[异步组件](组件 — ...
引入表单组件的封装 searchForm.vue 引入表格组件中使用 pushTable.vue中使用 这里使用...
vue2父组件 vue2子组件 vue3父组件 vue3子组件 vue3官方详细使用provide inject地...
一、Vue.js组件 ****vue.js构建组件使用**** Vue.component(``'componen...
一、Vue组件库Vue组件库是使用Vue框架开发的组件，一般包含着开发者可以直接使用的基础组件：表单、弹窗、表格等...
v-model语法糖: model.vue 组件代码(子组件): 组件使用(父组件) app.vue
本文标题：vue组件的使用
本文链接：https://www.haomeiwen.com/subject/bhsvzhtx.html
网友评论