vue-细节小知识点汇总(更新中...)

1. $refs

数据这么绑定的:

 然后在created中抛出来,猜猜看看打印的是两个什么?

结果如下: 第一个跑出来了,第二个,却undefiend,没有东西?!。。。

后来去官网查看$refs的解释:

这么一看是我在created中抛出的原因了,于是我换到mounted中,最后果然全出来了!

$refs只在组件渲染完成后才填充,并且他是非响应式的,它仅仅作为一个直接访问子组件的应急方案,应当避免在模板或者计算属性中使用$refs!——《vuejs实战》梁灏

对于一个vue小白来说,这个确实很值得一说,不然我就不用浪费这十几分钟的时间到处分析哪里出了问题了!

总结:越来越感觉到vue中生命周期钩子函数的重要性。

2. 组件索引

父链:this.$parent,向上查找父组件

子组件索引:$children,向下查找子组件

3. url拼接变量

https://segmentfault.com/q/1010000008850187/a-1020000008850262

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏XAI

【手写文字识别】-JavaAPI示例代码

手写文字识别-JavaAPI示例代码 不知不觉手写文字识别百度已经开始邀测了。需要的小伙伴去申请了哦。申请方式加入文字识别群找PM。或者工单提交申请。都要说明自...

1.2K8
来自专栏十月梦想

node通过路由获取不同用户信息

具体功能:使用不同url判断是老师或者学生,老师的工号4-6位,学生学号8-10位,否则提示学号不正确,

744
来自专栏web前端教室

javascript 技术填坑之URL

url这个东西很重要(废话),不靠它互联网就是死的。 它俗称链接,简称URL,全名 统一资源定位符,英文 ()&(^&__()*%^& 记不住。 不管啦,, ...

2336
来自专栏java一日一条

如何写出漂亮的 React 组件

在Walmart Labs的产品开发中,我们进行了大量的Code Review工作,这也保证了我有机会从很多优秀的工程师的代码中学习他们的代码风格与样式。在这篇...

1123
来自专栏前端知识分享

Angular中ui-grid的使用详解

  在项目开发的过程中,产品经理往往会提出各种需求,以提高用户体验。最近,项目中用到的表格特别多,而且表格的列数和行数也超多。为了让用户浏览更爽,产品经理提出,...

1622
来自专栏SHERlocked93的前端小站

JS 静态类型检查工具 Flow

本文主要介绍了解决JS作为弱类型语言没有类型检查痛点的静态类型检查工具 Flow ,并且介绍了在WebStorm中使用Flow的方法,最后介绍了一些常用的Flo...

2295
来自专栏GreenLeaves

FactoryMethod工厂方法模式(创建型模式)

整个抽象的游戏设施建造系统相对变化较慢,本例中只有一个Build的创建方法,而Build内部的方法实现,该实现依赖与各种具体的实现,而这些实现变化的非常频繁,现...

672
来自专栏小L的魔法馆

C++继承和派生练习(一)--关于vehicle基类

4208
来自专栏24K纯开源

QT中根据ID设置radio按钮

前面提到,有两种方法可以提取到radio按钮组中当前被选中的按钮(看这里)。这一篇中,我们根据ID来获取按钮。 代码: ui->BG->setId(ui...

27110
来自专栏互联网杂技

如何写出好的 JavaScript —— 浅谈 API 设计

很多同学觉得写 JavaScript 很简单,只要能写出功能来,效果能实现就好。还有一些培训机构,专门教人写各种“炫酷特效”,以此让许多人觉得这些培训很“牛逼”...

2616

扫码关注云+社区