lucky__peng的博客

方法一： 利用Keep-Alive和监听器1.首先在路由中引入需要的模块{ path: ‘/scrollDemo’, name: ‘scrollDemo’, meta: { keepAlive: true // 需要缓存 }, component: resolve => { require([‘../view/scrollDemo.vue’], resolve) } }2.在App.vue中设置缓存组件 <keep-alive> // 缓存组件跳转的页面.

1.state   state是什么?   定义:state(vuex) ≈ data (vue)   vuex的state和vue的data有很多相似之处,都是用于存储一些数据,或者说状态值.这些值都将被挂载 数据和dom的双向绑定事件,也就是当你改变值的时候可以触发dom的更新.   虽然state和data有很多相似之处,但state在使用的时候一般被挂载到子组件的computed计算属性上,这样有利于state的值发生改变的时候及时响...

Vue中使用stylus全局引入不生效的问题 问题描述解决方案一解决方案二解决方案三 问题描述 比如说， 一、我们在 App.vue 里面： <style lang="stylus">@import "./style/main.styl"</style> main.styl 里面定...

// push参数为字符串this.$router.push('/hello')// 参数为对象 this.$router.push({ path: '/hello' })// 对象中有query属性，相当于发送了一次get请求，请求参数会显示在浏览器地址栏中this.$router.push({ name:'Register', query: { id: this.id } )/* 对象中有params属性，相当于发送了一次post请求，请求参数不会显示在浏览器地址栏中，并且刷新页面之后

在升级脚手架到vue-cli3.0版本的时候出现了这个报错：[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.我在这里大概说一下出现这个报错的原因在哪里和解决办法原因v

// post请求axios.post('path', {}, { headers: { authorization: `Bearer ${token}`, },});// get请求axios.get('path', { headers: { authorization: `Bearer ${token}`, },});// 统一方式axios.defaults.headers['authorization'] = `Bearer ${token}`;

使用vue安装完less和less-loader后报错Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions is not a function这种情况一般是因为安装的版本不对根据提示信息卸载了less-loader，然后安装了less-loader@7.3.0，问题解决如果这个版本也不行的话，可以试试其他的版本...

十二、封装成ui组件库 我们在前面已经将组件全部封装完毕了，现在我们要将组件打包成组件库，上传到github上。由于是模仿element-ui进行的组件封装，所以在发布时也是用element-ui的打包结构。 12.1目录调整 我们新建一个vue项目，并且在根目录创建两个文件夹就packages和examples。 packages：用于存放所有的组件examples：用于进行测试，把src改为exampl...