首页 > 其他分享 >Vue-属性传值

Vue-属性传值

时间:2022-09-08 01:22:08浏览次数:61  
标签:Vue 改变 引用 组件 传值 属性

属性传值

  所谓的属性传值,就是父组件通过绑定属性的方法,然后子组件通过props来获取父组件的值,而属性传值的方法有两种形式:

  第一种:具体的一个值(字符串,数值,布尔型) 传递的值,只会改变局部,不会改变全部的数据

  第二种:传递一个引用(数组或对象)传递引用,改变一个地方的数据,所有跟引用相关的数据都会发生变化

具体用法

 

 

 

 但是这个属性传值是单向的,意思就是如果改变子组件里面的值的话,父组件的值并不会改变

标签:Vue,改变,引用,组件,传值,属性
From: https://www.cnblogs.com/forever-ljf/p/16667884.html

相关文章

  • Vue-DIFF算法
    DIFF算法用JavaScript对象结构表示DOM树的结构;然后用这个树构建一个真正的DOM树,插到文档当中当状态变更的时候,重新构造一棵新的对象树。然后用新的树和......
  • uniappuviewvue3开发微信小程序(二)
    我们使用HBuilderX编辑器创建完成项目后,然后登陆https://mp.weixin.qq.com/用自己的微信号码扫码登录小程序,找到开发者id,然后黏贴到我们项目manifest.json-微信小程序设置......
  • vue3项目-小兔鲜儿笔记-登录页02和购物车01
    1.登录-消息提示组件封装组件功能分析:固定顶部显示,有三种类型:成功、错误、警告显示消息提示时需要动画从上滑入组件使用的方式不够便利,封装成工具函数的方式......
  • Vue(3)-关于文本框数据框默认值效果(v-blid),数据类型注意
    序直接看代码,v-blid的使用,数据类型的转换示例代码点击查看代码<!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title>avgScore......
  • Vue2:父组件传子组件-属性传值
    通过在子组件中用props["属性1","属性2","属性3"]接收父组件的值;语法:exportdefault{props:[],//接收父组件传的属性methods:{},data(){}......
  • Vue2:数据的劫持顺序
    this组件对象有很对属性和方法都是劫持的"别人"的:比如datamethodspropsthis在构建时给this设置成员的时间顺序data>props属性>方法>计算属性>事件中给this添......
  • react和vue这两个框架的相同点和不同点?
    相同点:1.都支持服务器端渲染2.都有virtualdom,组件化开发,通过props参数进行父子组件传值,都实现webComponent规范数据3.数据驱动视图4.都有支持native的方案,react的是r......
  • VUE
    判断list不为空:pawnList!==undefined&&pawnList!==null&&pawnList.length>0找不到vue界面:可能是自动引用的导致,删除import引用前后台实体匹配不上:数据类型不一致l......
  • 在SystemVerilog中,类成员的private, public, protected 属性分别是什么意思,SystemVerilo
    默认情况下,可以使用类的对象句柄从类外部访问类的成员和方法,即它们是public的。如果我们不希望某些成员和某些方法可以从类外部访问怎么办?为了防止意外修改类成员/方法。,......
  • Vue环境安装
    环境安装直接引用<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或者可以下载到本地位置,在手动导入importVuefrom'./vue.js'或是编辑......