分类：vue2

2021
09-06

Vue2中无法检测到数组变动的原因及解决

目录解决方法为什么Vue2.0中监听不到两种数组的变化？源码分析Vue3.0由于JavaScript的限制，Vue不能检测以下数组的变动：当利用索引直接设置一个数组项时，例如：vm.items[indexOfItem]=newValue当修改数组的长度时，例如：vm.items.length=newLengthvarvm=newVue({data:{items:['a','b','c']}})vm.items[1]='x'//不是响应性的vm.items.length=2//不是响应性的解决方法手动添加监听//Vue.s... 继续阅读 >
2021
01-08

详解Vue2的diff算法

前言双端比较算法是vue2.x采用的diff算法，本篇文章只是对双端比较算法粗略的过程进行了一下分析，具体细节还是得Vue源码，Vue的源码在这过程假设当前有两个数组arr1和arr2letarr1=[1,2,3,4,5]letarr2=[4,3,5,1,2]那么其过程有五步 arr1[0]和arr2[0]比较 arr1[arr1.length-1]和arr2[arr2.length-1]比较 arr1[0]和arr2[arr2.length-1]比较 arr1[arr1.length-1]和arr2[0]比较... 继续阅读 >
2020
11-19

快速解决vue2+vue-cli3项目ie兼容的问题

快速解决vue2+vue-cli3项目ie兼容的问题 刚写好的项目在谷歌能打开，ie打不开，需要处理兼容问题先根据这篇文章修改详解Vue-cli3项目在安卓低版本系统和IE上白屏问题解决如果没有其他问题是可以了的，下面是我代码中出现的其他问题导致页面无法显示或者报错sockjs报错控制台会一直报这个错，sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/... 继续阅读 >
2020
10-10

解决vue2中使用elementUi打包报错的问题

bug1.找不到element-ui/lib/theme-default/index.css解决：修改路径为element-ui/lib/theme-chalk/index.css原因：elementUi升级时遗留bugbug2:ERRORinstatic/js/app.77ab8a3664d32f2b9c76.jsfromUglifyJsUnexpectedtoken:operator(>)[./~/element-ui/src/mixins/emitter.js:2,0][assets/js/0.498ce690b229694d8858.js:3947,32解决：打开build目录下webpack.base.conf.js文件添加{test:/\.js$/i,loader:'babel-loade... 继续阅读 >
2020
09-27

vue2.x 对象劫持的原理实现

目标：手写迷你版Vue一：使用rollup打包,打包后的代码体积更小，更适合写框架源码的打包npmirollup-D二：安装babel相关的包，以及实现静态服务，设置环境变量的包npmi@babel/core@babel/preset-envrollup-plugin-babelroullup-plugin-servecross-env-D三：包的相关介绍rollup(打包工具)@babel/core(用babel核心模块)@babel/preset-env（babel将高级语法转成低级语法）rollup-plugin-serve(实现静态服务)cross... 继续阅读 >
2020
09-24

vue2路由方式--嵌套路由实现方法分析

本文实例讲述了vue2嵌套路由实现方法。分享给大家供大家参考，具体如下：前面讲过了vue2路由基本用法，一般应用中的路由方式不会像上述例子那么简单，往往会出现二级导航这种情况。这时就需要使用嵌套路由这种写法。<%@taglibprefix="c"uri="http://java.sun.com/jsp/jstl/core"%><%@pagecontentType="text/html;charset=UTF-8"language="java"%><html><head><title>routerTest1</title><c:importurl="importFile.jsp... 继续阅读 >
2020
09-24

vue2路由基本用法实例分析

本文实例讲述了vue2路由基本用法。分享给大家供大家参考，具体如下：Vue-router是给Vue.js提供路由管理的插件，利用hash的变化控制动态组件的切换。以往页面间跳转都由后端MVC中Controller层控制，通过<a>标签的href或者直接修改location.href，我们会向服务端发起一个请求，服务端响应后根据所接收到的信息去获取数据和指派对应的模板，渲染成HTML再返回给浏览器，解析成我们可见的页面。Vue.js+Vue-router的组合将这一... 继续阅读 >