当前位置: 首页 > news >正文

温州市平阳县建设局网站中国职业技能培训中心官网

温州市平阳县建设局网站,中国职业技能培训中心官网,政府网站页面布局评价,微股东微网站制作平台1 父亲传子代传值【子代使用父代的数据】 1.1 props传值 父亲给儿子传值: 爷爷给孙子传值: 这个props传值的方式,只能一代一代的往下传,不能跨代传值。 有一个问题:子组件不能修改父组件的值: 1.2 …

1 父亲传子代传值【子代使用父代的数据】

1.1 props传值

父亲给儿子传值:
在这里插入图片描述
爷爷给孙子传值:
在这里插入图片描述
这个props传值的方式,只能一代一代的往下传,不能跨代传值。

有一个问题:子组件不能修改父组件的值:
在这里插入图片描述
在这里插入图片描述

1.2 子组件直接使用父组件的 this.$parent

子组件通过:this.$parent.XXX使用父组件的数据;这种方式子组件可以直接修改父组件的数据。
在这里插入图片描述

1.2 依赖注入的方式【父亲传递给子代】 - provide inject

父组件可以直接传递给子代,不用一级一级的传递。
在这里插入图片描述
在这里插入图片描述
缺点就是 数据不知道从哪个父代而来。

2 后代给父亲传值

2.1 子组件自定义事件 this.$emit

在这里插入图片描述
在这里插入图片描述
父亲可以修改子代穿过来的值吗?【可以修改穿过来的值,但是这种修改不会影响到子组件的值】
在这里插入图片描述

2.2 父组件直接使用子组件的值

在这里插入图片描述
父组件可以直接修改子组件的值:
在这里插入图片描述
在这里插入图片描述

3 兄弟之间的传值

3.1 通过bus全局事件总线 - 任意组件间通信

在这里插入图片描述
这个X需要所有的vc的可见 - 我们在Vue的原型对象上放即可,这里给出一个概念的问题:关于VueComponent:

在这里插入图片描述

1.School组件本质是一个名为VueComponent的构造函数,且不是程序员定义的,Vue.extend生成的。2、我们只需要写`<school/>``<school></school>`,Vue解析时会帮我们创建school组件的实例对象,即Vue帮我们执行的:new VueComponent(options)3、特别注意:每次调用Vue.extend,返回的都是一个全新的VueComponent !!!!4、关于this指向:
(1) 组件配置中:
data函数、methods中的函数、watch中的函数、computed中的函数、它们的this均是【vuecomponent实例对象】
(2) new Vue(options)配置中:
data函数、methods中的函数、watch中的函数、computed中的函数它们的this均是【Vue实例对象】。5.VueComponent的实例对象,以后简称vc(也可称之为:组件实例对象);Vue的实例对象,以后简称vm。

$on $off $emit 都可以使用 备注:$on $off $emit 都在Vue的原型对象中
Vue原型对象的属性都是给vm vc使用的 !!!!!!

实现方式一:
在这里插入图片描述
实现方式二:
在这里插入图片描述
在这里插入图片描述

4 子组件如何直接修改父组件的值

子组件可以使用this.$parent.XXX来修改父组件的值

5 父组件如何直接修改子组件的值

this.$children[0].sonTitle = ‘this is son data update for parent’
在这里插入图片描述

<Son ref="child"/>this.$refs.child.sonTitle = 'this is son data update for parent'
this.sonTitle = this.$refs.child.sonTitle

在这里插入图片描述

6 如何找到父组件

this.$parent
http://www.dinnco.com/news/36359.html

相关文章:

  • 网站表单制作濮阳网站推广
  • wordpress 文章标题调用常见的系统优化软件
  • 网站建设 设备竞价托管公司
  • 做网站办公室图片网站推广怎么优化
  • 贵阳网站建设设计公司seo公司 彼亿营销
  • 快餐小吃加盟方案对网站的建议和优化
  • 网站建设服务协议 百度刷神马关键字排名软件
  • 做任务的兼职网站网络营销首先要
  • 江苏建站管理系统开发营销失败案例分析
  • 哈尔滨网站建设那家好加入网络营销公司
  • 如果做动态网站的开发chrome网页版入口
  • 商业网站建设平台电脑培训学校哪家最好
  • 免费word文档模板下载网站app推广方案怎么写
  • 网站集约整合建设交流怎么建立企业网站免费的
  • 网上营销推广seo最新优化技术
  • 佛山顺德网站建设公司成人技能培训
  • wordpress不同页面广告外贸网站谷歌seo
  • 普洱在百度上做网站的品牌营销推广策划方案
  • 做交通锁具网站seo顾问服务四川
  • 怎么免费制作网站怎么制作属于自己的网址
  • 海口网站建设费用谷歌浏览器 安卓下载2023版
  • 做外贸的b2b网站武汉百度网站优化公司
  • 政府网站建设比较好的品牌网络推广
  • 晋江企业网站制作百度人工
  • 怎样做订房网站无忧软文网
  • 怎样修改手机网站首页搜索引擎营销的案例
  • 玉林做网站公司搜狗竞价
  • 做网站模板的网页名称是m开头百度导航最新版本
  • 企业网站功能模块互联网营销专业
  • 电子商务网站建设的一般步骤app平台搭建