VUE父组件向子组件传递数据和方法

简介: VUE父组件向子组件传递数据和方法

@[TOC]

1 父组件写法

  • 父组件参数和方法
    data() {
         
      return {
         
        // 遮罩层
        loading: true,
        // 表格数据
        yfeList: []
            }
       }
    
  • 导入组件
    import yfTable from "@/views/yf/yfTable.vue";
    
  • 组件
    components: {
         yfTabTable},
    
  • 传值使用
    <yfTabTable :loading="loading"
              :yfList="yfList"
              :handleUpdate="handleUpdate"/>
    

    2 子组件写法

    ```javascript



    修改




```

目录
相关文章
|
9小时前
|
JavaScript
vue里样式不起作用的方法,可以通过deep穿透的方式
vue里样式不起作用的方法,可以通过deep穿透的方式
14 0
|
9小时前
|
Web App开发 缓存 JavaScript
优化Vue首页加载速度的实用方法
优化Vue首页加载速度的实用方法
15 1
|
9小时前
|
移动开发 前端开发
VUE3一种用户可以设置显示隐藏列表内容的方法
VUE3一种用户可以设置显示隐藏列表内容的方法
|
9小时前
|
JavaScript 前端开发
VUE里父组件与子组件的交互操作
VUE里父组件与子组件的交互操作
10 0
|
9小时前
|
JavaScript
vue实现多个el-form表单提交统一校验的2个方法
vue实现多个el-form表单提交统一校验的2个方法
7 0
|
9小时前
|
缓存 JavaScript 开发者
什么是vue的计算属性?为什么使用?计算属性和方法有什么区别?怎样选择
什么是vue的计算属性?为什么使用?计算属性和方法有什么区别?怎样选择
10 0
|
9小时前
|
JavaScript
Vue自定义指令的三个方法
Vue自定义指令的三个方法
7 0
|
9小时前
|
JavaScript
Vue.js 中父组件调用子组件的方法
Vue.js 中父组件调用子组件的方法
40 2
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
989 0
|
9小时前
|
JavaScript
VUE里的find与filter使用与区别
VUE里的find与filter使用与区别
18 0