前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue-细节小知识点汇总(更新中...)

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

作者头像
xing.org1^
发布2018-06-25 10:24:53
5350
发布2018-06-25 10:24:53
举报
文章被收录于专栏:前端说吧前端说吧

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-04-28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档