vue一些需要注意的小知识点
2018-03-05 15:11
483 查看
1.vue的生命周期,主要的介绍官网(https://cn.vuejs.org/v2/api/)上都有。
主要说的是created和mounted。之前在写项目的过程中,需要对DOM节点进行操作(但是在vue里面尽量不要获取节点进行操作。vue主要是对数据进行操作),在created里面这些操作并不能实现,但是在mounted里面是可以的。
主要原因就是:created是vm实例已经创建但是未完成挂载,而mounted已经部分完成挂载,这么说的原因是,mounted不承诺所有的子组件都会被挂载,如果你希望等到的是整个视图都渲染完毕,可以用 vm.$nextTick 替换掉mounted.
$nextTick是下次DOM更新循环结束之后执行的回调函数。
2.vue里点击按钮,弹框的实现。通过在父组件上绑定一个show,type为boolean,在子组件用props接收传过来的show值,show值为true时弹出框显示,false时不显示。父组件:
子组件:
3.v-show与v-if的区别?v-if与v-show都属于条件渲染,意思就是根据不同的条件使用不同的模板。在vue中,v-show只是简单的修改了样式,DOM节点是真实存在的,只是隐藏了。v-if是真实的条件渲染,值为false是不编译不渲染,当值为true时,才开始编译。
主要说的是created和mounted。之前在写项目的过程中,需要对DOM节点进行操作(但是在vue里面尽量不要获取节点进行操作。vue主要是对数据进行操作),在created里面这些操作并不能实现,但是在mounted里面是可以的。
主要原因就是:created是vm实例已经创建但是未完成挂载,而mounted已经部分完成挂载,这么说的原因是,mounted不承诺所有的子组件都会被挂载,如果你希望等到的是整个视图都渲染完毕,可以用 vm.$nextTick 替换掉mounted.
$nextTick是下次DOM更新循环结束之后执行的回调函数。
2.vue里点击按钮,弹框的实现。通过在父组件上绑定一个show,type为boolean,在子组件用props接收传过来的show值,show值为true时弹出框显示,false时不显示。父组件:
子组件:
3.v-show与v-if的区别?v-if与v-show都属于条件渲染,意思就是根据不同的条件使用不同的模板。在vue中,v-show只是简单的修改了样式,DOM节点是真实存在的,只是隐藏了。v-if是真实的条件渲染,值为false是不编译不渲染,当值为true时,才开始编译。
相关文章推荐
- Vue.js在使用中的一些注意知识点
- Vue中一些需要注意的点(采坑)
- vue中需要注意的一些杂项
- javascript中的一些核心知识点以及需要注意的地方
- 一些需要注意的小的知识点(enctype...ashx和aspx的异同点..Response的响应缓存输出机制...ISPostBack)
- javascript中的一些核心知识点以及需要注意的地方
- 需要注意的一些知识点
- Vue.js在使用中的一些注意知识点
- javascript中的一些核心知识点以及需要注意的地方
- 一些需要注意的C知识点
- selenium2.0&WebDriver学习系列(一些需要注意的知识点)
- javascript中的一些核心知识点以及需要注意的地方
- Android系统:SystemUi需要注意的一些知识点
- JavaWeb前后台开发需要掌握和注意的一些知识点?
- .net 序列化时,需要注意的一些问题
- 我们来看看load data infile 需要注意的一些地方
- pthreads v3下一些坑和需要注意的地方
- 作为Linux小白,一些需要注意的小细节
- iOS10开发需要注意的一些问题(转)
- 同时安装python2和python3需要注意的一些事