继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【金秋打卡】第3天 前端开发工程师2022版-vue基础入门(中)

artimis_new
关注TA
已关注
手记 39
粉丝 3
获赞 19

课程名称:前端开发工程师2022版

课程章节:vue基础入门(中)

课程讲师:Elex

课程内容:


1. 单向数据传值

父多个数据传给子

:a ='a',b='b',c='c' 第一种方法

可以定义一个对象,把数据放在对象里面,

父通过v-bind='params'传给子 :content='params.content'

属性传的时候 使用content-abc 接的时候使用ABC

大小写传参 

//单项数据流的概念,conu 父组件传的值子只能读不能改 

子组件改父组件的值,定义一个data 存父数据等于父传过来的值复制一份给自己再修改


2. v-once 只被渲染一次,后面数据再变化也不会改变

<div @click="count+=1" v-once>{{count}}</div>


ref  实际是获取dom节点用的一个语法

<div ref="count"></div>

 通过 this.$refs.count  可以获取到上面的dom

还可以通过ref获取到子组件引用,以及使用子组件的方法(不建议使用)


provide / inject


在父组件中创建provide 提供数据

provide:{

   count:1

}

如果provide中想使用data中的数据

那么provide要变成函数,return数据

在子组件或者孙组件 使用的时候 通过inject接收即可


课程收获:

谢谢老师,讲的非常细致,很容易懂。

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP