VUE
文章平均质量分 83
VUE相关
LittleMoon_lyy
这个作者很懒,什么都没留下…
展开
-
Vue中给对象添加新属性界面不刷新的问题
Vue中给对象添加新属性界面不刷新的问题 一、直接添加属性的问题 我们从一个例子开始 定义一个p标签,通过v-for指令进行遍历,然后给botton标签绑定点击事件,我们预期点击按钮时,数据新增一个属性,界面也新增一行 <p v-for="(value,key) in item" :key="key"> {{ value }} </p> <button @click="addProperty">动态添加新属性</button> 实例化一个vue实例,原创 2021-08-22 15:33:17 · 1408 阅读 · 0 评论 -
VUE双向绑定原理
VUE双向绑定原理 一 双向数据绑定 目前几种主流的mvc(mvvm)框架都实现了单向数据绑定,双向数据绑定无非就是在单向绑定的基础上给可输入元素(input, textarea等)添加了change(input)事件,来动态修改model和view。实现数据绑定的做法大致有以下几种: 1.发布者-订阅者模式(backbone.js) 一般通过sub,pub的方式实现数据和视图的绑定监听,更新数据方式通常做法是vm.set("property",value),但是现在我们更希望通过vm.property=v原创 2021-08-22 15:32:33 · 241 阅读 · 0 评论 -
VUE的计算属性与侦听属性
computed和watch 一 computed 1.关于computed的一些思考 computed是计算属性,类似于过滤器,对绑定到view的数据进行处理。 data: { firstName: 'Foo', lastName: 'Bar' }, computed: { fullName: function () { return this.firstName + ' ' + this.lastName } } 这里的fullName不可以原创 2021-08-22 11:45:29 · 251 阅读 · 0 评论 -
虚拟DOM
虚拟DOM 一、真实DOM和其解析流程? 浏览器渲染引擎工作流程都差不多,大致分为5步,创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 1.第一步 用HTML分析器,分析HTML元素,构建一颗DOM树(标记化和树构建)。 2.第二步 用CSS分析器,分析CSS文件和元素上的inline样式,生成页面的样式表。 3.第三步 将DOM树和样式表,关联起来,构建一颗Render树(这一过程又称为Attachment)。每个DOM节点都有attach方法,原创 2021-08-21 14:55:06 · 117 阅读 · 0 评论