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