首页 > 其他分享 >vue2跨级组件传值

vue2跨级组件传值

时间:2023-11-27 09:25:37浏览次数:37  
标签:default money Son export vue2 组件 跨级 传值

//祖先组件
import Son from './Son'
export default {
  components: {
    Son
  },
  provide () {
    return {
      money: 1000000000
    }
  }
}
子孙组件 <template>   <div>     孙子组件     <p>这个是爷爷传给我的钱:{{ money }}</p>   </div> </template>
<script> export default {   inject: ['money'] } </script>

 

标签:default,money,Son,export,vue2,组件,跨级,传值
From: https://www.cnblogs.com/txdtxd/p/17858436.html

相关文章

  • vue2兄弟组件传值
    //1创建一个公共的vue实例(bus)importVuefrom'vue'constbus=newVue()exportdefaultbus<!-- brother1--><template> <div>  兄弟1组件  <p>   <button@click="send">传值给兄弟2</button>  </p&......
  • .NET Core MVC基础之页面传值方式
    .NETCoreMVC基础之页面传值方式......
  • Vue2纯前端导出
    //导出exportExcel(){//构造数据constdata=[['姓名','手机号码','卡号','身份等级'],...this.list.map((item)=>[item.clientName,item.clientPhone,item.card,item.standing]),]l......
  • 在vue2.0 项目中集成 Electron 实现桌面端应用
    需求:在桌面端有个应用能直接打开项目,不用在浏览器中浏览。方案:vue2.0+Electron关于vue的项目搭建和electron的相关介绍可以去官网了解,这里是直接在已经开发好的vue2.0的项目中直接加入electron。electron介绍:参考1: https://electronjs.p2hp.com/参考2:https://www.......
  • web图片上传 【flask+vue2】
    直接上传代码demofromflaskimportFlask,request,jsonifyimportosfromflask_corsimportCORS#导入CORS模块#文件存储的目录UPLOAD_FOLDER='uploads'ALLOWED_EXTENSIONS={'png','jpg','jpeg','gif'}app=Flask(_......
  • vue2在线预览文档——Onlyoffice
    以下三个链接,结合看:Java+vue3:springbootvue初步集成onlyoffice_vue集成onlyoffice_Mr-Wanter的博客-CSDN博客使用docker+vue2:vue2集成Onlyoffice_vue集成onlyoffice-CSDN博客Onlyoffice+vue3官网例子:https://api.onlyoffice.com/editors/vue1.安装依赖安装完依赖就......
  • vue面试题_vue2和vue3的区别
    1、数据绑定原理不同vue2:vue2的数据绑定是利用ES5的一个API:Object.definePropert()对数据进行劫持,结合发布订阅模式的方式来实现的。vue3:vue3中使用了ES6的ProxyAPI对数据代理。相比vue2.x,使用proxy的优势如下:defineProperty只能监听某个属性,不能对全对象监听可以省去fori......
  • SpringBoot + vue2.0查询所用功能
    导入数据库文件CREATEDATABASE`springboot`/*!40100DEFAULTCHARACTERSETutf8mb4COLLATEutf8mb4_0900_ai_ci*//*!80016DEFAULTENCRYPTION='N'*/CREATETABLE`users`(`id`intunsignedNOTNULLAUTO_INCREMENT,`name`varchar(40)CHARACTERSETu......
  • 前后端分离项目中传值问题
    在上个月写项目的时候遇到了一个极其离谱的问题就是在前端在向后端提交表单后,后端可以接收到表单,但是表单内容是空的,当时我有限的经验告诉我这是实体对象属性名没有对应导致的,因为我其中一个参数是可以"正常接收"到数据的,然后我开始修改前后端的实体对象的参数信息,无论......
  • vue2+element+vue-quill-editor实现富文本框组件(使用链接引入视频+上传本地视频+上传
    参考文档:https://www.duidaima.com/Group/Topic/Vue/12272前提不赘述,npm引入插件并全局导入 components文件夹下创建ArticleEditor.vue:<template><divclass=""><!--富文本框--><quill-editorref="myQuillEditor"v-bind:va......