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

简介: 1. $refs数据这么绑定的: 然后在created中抛出来,猜猜看看打印的是两个什么?结果如下: 第一个跑出来了,第二个,却undefiend,没有东西?!。。。 后来去官网查看$refs的解释:这么一看是我在created中抛出的原因了,于是我换到mounted中,最后果然...

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

目录
相关文章
|
3天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
20 9
|
1天前
|
缓存 JavaScript
vue学习(12)计算属性
vue学习(12)计算属性
11 3
|
1天前
|
JavaScript
vue学习(10)事件修饰符
vue学习(10)事件修饰符
10 3
|
1天前
|
缓存 JavaScript
vue学习(12)计算属性
vue学习(12)计算属性
9 2
|
1天前
|
JavaScript
vue学习(11)键盘事件
vue学习(11)键盘事件
8 2
|
2天前
|
JavaScript
VUE中el-input阻止冒泡防止触发父级事件
VUE中el-input阻止冒泡防止触发父级事件
|
2天前
|
JavaScript
vue学习(9)事件处理
vue学习(9)事件处理
19 2
|
2天前
|
JavaScript
vue学习(8)数据代理
vue学习(8)数据代理
12 1
|
1天前
|
JavaScript
vue知识点
vue知识点
5 0
|
4天前
|
JavaScript
vue学习(3)模板语法
vue学习(3)模板语法
34 11