父子组件传值
缘飞梦
这个作者很懒,什么都没留下…
展开
-
vue自定义组件实现底部导航栏动态切换
我们都知道vue的两大特性:组件化和数据驱动,今天我们就来说说关于vue组件开发,最近由于开发一款移动端商城,底部的导航栏就利用组件化实现的,下面先看看效果图: 实现这个功能我们需要知道父子组件之间的传值方式: 简单来说,子组件通过props方法接受父组件传来的值,子组件通过$emit方法来向父组件发送数据。(具体案例可以看我之前写的博客https://blog.csdn.net/qq_...原创 2020-04-02 11:32:28 · 5015 阅读 · 0 评论 -
vue父子组件之间传值,动态改变搜索框标题
子组件: <template> <div id="child" > <div> <span>{{childName}}</span><br /> <div class="divWidth"> ...原创 2019-04-28 17:13:34 · 981 阅读 · 0 评论 -
Vue非父子组件之间的通信
// 注册一个空的js,作为中转站 bus.js import Vue from 'vue' export default new Vue() A组件: 非父子组件之间传值,需要定义个公共的公共实例文件bus.js, 作为中间仓库来传值,不然路由组件之间达不到传值的效果。 $emit发送事件 <template> <div @click="eleValue...原创 2019-05-31 17:07:12 · 325 阅读 · 0 评论