首页 > 其他 > 详细

vue(一)

时间:2019-09-02 00:01:28      阅读:66      评论:0      收藏:0      [点我收藏+]

技术分享图片

技术分享图片

改变数据会驱动视图的变化

技术分享图片技术分享图片

 

更改数据时要求数据先存在,这样才能使视图刷新,如:

此时数据会改变,不会改变视图

技术分享图片

因为数据obj.a先存在,所以改变值时会刷新视图

技术分享图片

视图刷新,之前赋值过的属性也会刷新在视图中

技术分享图片

另外,数组:通过索引的方式改变数组,不能渲染视图

                      改变数组长度,也不能渲染视图

通过数组变异方法能够改变视图:push、pop、shift、unshift、sort、reverse、splice

对象改变视图的方法可以采用$set

使用方法:第一个参数:改的是谁,第二个参数:要改什么属性,第三个参数:要改的值

技术分享图片

总结:$set不仅能更改对象,还能更改数组、原始值等,但数组一般采用数组变异方法更改,原始值只需重新赋值就可,所以$set一般用来更改对象

 

$el 拿到Vue挂载的元素

技术分享图片

 

下面的情况:

视图更新成功了

vue重新渲染视图的操作是异步的 (会先打印再渲染)

数据还是以前的

技术分享图片技术分享图片

 

想要看到更改数据之后的dom,需要用$nextTick方法

技术分享图片技术分享图片

 

$mount 也是挂载,相当于el

 1 vm.$mount(#app); 

 

vue(一)

原文:https://www.cnblogs.com/tianya-guoke/p/11443683.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!