![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue使用方法总结
licuicui5201
这个作者很懒,什么都没留下…
展开
-
vuex--使用vuex-persistedstate持久化保存数据
vuex默认情况下数据存储在内存,刷新浏览器后数据变成初始状态vuex-persistedstate可以让vuex中的数据持久保存在sessionstorage或localstorage中,刷新后不会变成初始状态引入npm i -S vuex-persistedstate使用:import Vue from 'vue'import Vuex from 'vuex'import persistedState from 'vuex-persistedstate'export defau.转载 2021-01-08 10:54:09 · 995 阅读 · 0 评论 -
父子组件执行顺序
vue的生命周期,从一个实例对象被创建到实例对象被销毁的过程就是该对象的生命周期。依次为:beforeCreate -> created -> beforeMount -> mounted -> beforeUpdate -> updated -> beforeDestory -> destoryed。该过程是严格按照先后顺序来执行的在组件开始生成到结束生成的过程中,如果该组件还包含子组件,则自己开始生成后,要让所有的子组件也开始生成,然后自己就等着,直到所有原创 2021-01-08 10:40:03 · 397 阅读 · 0 评论 -
h5网页跳到小程序--jssdk
微信h5跳小程序参考资料http://caibaojian.com/wxwiki/0030551f015f01ecaa56d20b88ee3c6cb32503bf.html#.E6.AD.A5.E9.AA.A4.E4.B8.80.EF.BC.9A.E7.BB.91.E5.AE.9A.E5.9F.9F.E5.90.8Ddomusername小程序的原始ID <wx-open-launch-weapp id="launch-btn"原创 2021-01-05 10:23:58 · 1627 阅读 · 0 评论 -
解决Element-UI 侧边栏页面刷新后不高亮显示的问题
最近在写一个后台管理系统,用的vue+element,搞到侧边栏导航的时候路由跳转没有问题,但之后页面刷新发现侧边栏的选中状态(高亮显示)没有了,因为项目时间比较紧,并且没有影响到我后面的开发所以就搁置了一段时间,今天有时间搞了一下,发现想的时候可能有些复杂,其实这个问题还是比较简单的。例如:下面这段代码<template> <el-aside width="240px"> <el-menu class="el-menu-vertical-demo"转载 2020-12-24 09:17:31 · 516 阅读 · 0 评论 -
前端值得造的轮子
链接:https://www.zhihu.com/question/29380608/answer/130729912UI 轮子轮播、Tab、懒加载……照着饿了么UI库、Bootstrap 挨个实现就好。做这种轮子比较考验 CSS 功力,你需要用尽量少的代码适应尽量多的场景。流行 UI 模式的实现瀑布流、视差滚动、fullpage等。原理简单又炫酷,何乐不为。DOM 操作的轮子实现得最好的当然就是 jQuery。由于 jQ 这么流行,所以你实现的结果很可能跟 jQ 的 API 一模一样。因此转载 2020-08-17 11:21:29 · 726 阅读 · 0 评论 -
在路由中添加了相同的路由报错。Navigating to current location (“/home/index“) is not allowed
Navigating to current location ("/home/index") is not allowed在src/router.js 里面import Router from 'vue-router’下面写入下面方法即可/**重写路由的push方法*/const routerPush = Router.prototype.pushRouter.prototype.push = function push(location) { return routerPush.cal原创 2020-07-20 14:50:42 · 561 阅读 · 0 评论 -
vuex 数据持久化
前一段修改公司项目的时候,遇到了这个VUEX数据持久化的问题,本来在vuex中存储的数据,只要刷新页面数据就没有了,其实用本地存储就可以解决,但是想想都用vue 开始做项目了,就能用新技术就用新技术,最好找到了解决办法第一步:npm install vuex-persistedstate第二步:在store/index.js中添加下面代码import persistedState from ‘vuex-persistedstate’export default new Vuex.Store({转载 2020-06-16 16:09:22 · 91 阅读 · 0 评论 -
Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslis
依照命令行提示去更新不起作用解决:1.直接删除该项目node_modules下面的caniuse-lite和browserslist这两个文件夹2. npm i caniuse-lite browserslist转载 2020-06-06 15:13:02 · 3657 阅读 · 0 评论 -
v-show和v-if的区别及使用场景
共同点:v-if 和 v-show 都能实现元素的显示隐藏1.手段:v-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置DOM元素的display样式,block为显示,none为隐藏;2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;3.编译条件:v-if是惰性的,如果初始...原创 2020-03-18 17:06:13 · 367 阅读 · 0 评论 -
Vue.js 在ie浏览器使用的注意要点
vue 只兼容ie8以上版本;IE 不兼容 axios的promiss对象;IE 不兼容es6语法;ES6转ES5详情请查看https://blog.csdn.net/qq_24985715/article/details/93764818原创 2020-02-27 15:35:52 · 457 阅读 · 0 评论 -
vue语法使用注意事项
vue常用的修饰符的概念.stop:就是js中的event.stopPropagation()的缩写,它是用来阻止冒泡的;.prevent:就是js中event.preventDefault()的缩写,它是用来阻止默认行为的;.capture:捕获事件和冒泡事件(默认)是两种事件流,事件捕获是从document到触发事件的那个元素;冒泡事件是从下向上的触发事件;.self:就是防止父元素(...原创 2020-02-27 17:59:14 · 138 阅读 · 0 评论