![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 64
vue框架使用
醉月听风
想一千次不如去做一次,华丽的跌倒胜过无谓的徘徊
展开
-
简单理解DOM和虚拟DOM的区别
DOMDOM (文档对象模型),它的作用是将网页转化为一个对象,进而可以对其进行各种操作节点(node)节点是 DOM 的基本单位。文档的树形结构(DOM树),就是由各种不同类型的节点组成。每个节点可以看作文档树的一片叶子传统开发模式原生JS或JQ操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程,在操作中,我需要每更新一次DOM节点,浏览器就会全部重新执行一次渲染虚拟DOMWeb界面由DOM树(树的意思是数据结构)来构建,当其中一部分发生变化时,其实就是对应某个DOM节点发生了变原创 2021-10-28 23:55:07 · 466 阅读 · 0 评论 -
MVVM双向绑定机制的原理和代码实现
MVVM一句话就是 vm层(视图模型层)通过接口从后台m层(model层)请求数据vm层继而和v(view层)实现数据的双向绑定数据绑定单向绑定:数据 =>视图双向绑定:视图 <=> 数据双向数据绑定无非就是在单向绑定的基础上给可输入元素添加了change事件,来动态修改model和view实现数据绑定的做法大致有如下几种:发布者-订阅者模式 backbone.js脏值检查 angular.js数据劫持 vue.js发布者-订阅者模式一般通过sub pub的方式原创 2020-12-17 00:20:08 · 841 阅读 · 0 评论 -
VUE路由几种方式
VUE路由几种方式this.$router.push(obj) 跳转到指定url路径,并想history栈中添加一个记录,点击后退会返回到上一个页面this.$router.replace(obj) 跳转到指定url路径,但是history栈中不会有记录this.$router.go(n) 向前或者向后跳转n个页面,n可为正整数或负整数query传参obj={ name:'路径别名',(or path:'/路径地址') quert:{ 参数名:参数值 }}取参...原创 2020-09-22 17:00:24 · 1181 阅读 · 0 评论 -
vue基础-入门使用
vue安装:vue项目文件目录结构:vue语法原创 2019-12-14 12:31:32 · 104 阅读 · 0 评论