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

目录
相关文章
|
4天前
|
JavaScript
vue页面加载时同时请求两个接口
vue页面加载时同时请求两个接口
|
4天前
|
JavaScript
vue里样式不起作用的方法,可以通过deep穿透的方式
vue里样式不起作用的方法,可以通过deep穿透的方式
13 0
|
4天前
|
移动开发 JavaScript 应用服务中间件
vue打包部署问题
Vue项目`vue.config.js`中,`publicPath`设定为"/h5/party/pc/",在线环境基于打包后的`dist`目录,而非Linux的`/root`。Nginx代理配置位于`/usr/local/nginx/nginx-1.13.7/conf`,包含两个相关配置图。
vue打包部署问题
|
1天前
|
JavaScript
vue知识点
vue知识点
7 1
|
3天前
|
JavaScript
vue打印v-model 的值
vue打印v-model 的值
|
4天前
|
JavaScript
Vue实战-组件通信
Vue实战-组件通信
5 0
|
4天前
|
JavaScript
Vue实战-将通用组件注册为全局组件
Vue实战-将通用组件注册为全局组件
5 0
|
4天前
|
JavaScript 前端开发
vue的论坛管理模块-文章评论02
vue的论坛管理模块-文章评论02
|
4天前
|
JavaScript Java
vue的论坛管理模块-文章查看-01
vue的论坛管理模块-文章查看-01
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
989 0