随笔分类 - vue
摘要：路由： （1）监听地址栏的变化 （2）根据地址栏的变化切换到对应的组件 使用路由： 1、创建一个vue项目：vue create routerdemo 注意：在选择插件的时候只选择babel 2、安装路由插件：npm install vue-router 3、创建路由：src下新建router.js
阅读全文
摘要：问题描述：vue项目开发中，用axios请求数据时，用到服务器代理，在vue.config.js中设置服务器代理devServer时，配置 port:3001, 失效。 解决： ①第一种方法：修改portfinder版本号： 在node_modules中，依次找到@vue cli-service p
阅读全文
摘要：安装脚手架：npm install -g @vue/cli@3.9.3 ①vue create demo vue版本：3.9.3，node版本：12.8.0 ②Manually select features ③Babel、CSS Pre-processors（Router和Vuex暂时没装） ④L
阅读全文
摘要：原生js拖拽： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht
阅读全文
摘要：1、v-show和v-if的区别 v-show 操作的是元素的display属性 v-if 操作的是元素的创建和插入 v-if有更高的开销，而v-show有更高的初始渲染开销，如果需要非常频繁的切换，则使用v-show更好，如果在运行时条件很少改变，则使用v-if更好 使用场景：v-show 前台数
阅读全文
摘要：数据： vue：双向数据绑定和单向数据流。双向数据绑定：DOM元素绑定的data值，当发生改变后，vue的响应式机制会自动监听data的变化重新渲染。单向数据流：当父组件给子组件传递数据的时候，子组件只可以读取而不能修改数据。可以用watch监听数据的更改，再赋给父组件的变量。 react：单向数据
阅读全文
摘要：export default{ set(key,data,time){ let obj={ data=data, ctime:(new Date()).getTime(),//时间戳，同Date.now() express:1000*60*60//设置过期时间一个小时 } localStorage.
阅读全文
摘要：问题描述： 用vue封装一个swiper组件的时候，发现轮播图不能轮播了。 原因： 异步请求的时间远大于生命周期执行的时间，mounted初始化DOM时数据未返回，渲染数据是空数组，导致轮播图的容器层宽度为0，渲染轮播图不能滚动。 解决思路： 数据返回之后再做初始化操作。 解决方法： 一、容器没有宽
阅读全文
摘要：vue最大的特点就是数据驱动视图。 vue的数据改变，页面一定发生改变？不一定。 当操作引用类型的数据，动态添加属性时，页面不会发生改变。 vue响应式数据原理（也叫数据绑定原理、双向数据绑定原理）： 底层是Object.defineProperty()，目前用的vue2.6版本和将来更新的vue3
阅读全文
摘要：如果两个实例引用同一个对象，当其中一个实例的属性发生改变时，另一个实例属性也随之改变，只有当两个实例拥有自己的作用域时，才不会相互干扰。 这是因为JavaScript的特性所导致，在component中，data必须以函数的形式存在，不可以是对象。 组建中的data写成一个函数，数据以函数返回值的形
阅读全文
