有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

vue登录切换解决input复用问题。

vue登录切换解决input复用问题。
在项目需求中,我们有时候会需要切换登录账号,有些是将普通的账号作为账号,而有些的话,会需要将邮箱作为账号来登录,所以,就有了登录切换账号的功能。但是存在输入的数据不变的情况。如下:为了解决这种问题。我们需要为需要切换的input添加key属性,就OK了然后我们再次尝试,即可顺利解决数据遗留问题。……继续阅读 »

4个月前 (10-10) 213浏览

Vue 用户登录后根据权限跳转页面

Vue 用户登录后根据权限跳转页面
1.声明一个白名单const WhiteList = ['/login', '/reg'] // 白名单2.路由前置守卫配置router.beforeEach((to, from, next) => { const token = store.state.token if (token) { // 登录了 if (!store.state.u……继续阅读 »

5个月前 (09-19) 143浏览

Vue2 升级到 Vue3 到底是不是一个正确的选择?(尤雨溪亲自回复解读)

Vue2 升级到 Vue3 到底是不是一个正确的选择?(尤雨溪亲自回复解读)
就在前不久,一篇反对Vue2升级到Vue3的文章在vue官方社区引起了热议。这篇文章从实际应用角度出发,分析了Vue2到Vue3在真实项目中实操升级的痛点,提出了一个反对的声音:Vue3的升级是一个错误的选择。在一片热议中,甚至尤大都出来亲自解释并承认了一些问题。本文列举了一些原文中提到的观点以及尤大的回复。希望能给各位读者在实际项目升级时,提供更实际更全面的参考。前言原作者首先声明了他并没有贬低Vue3的意……继续阅读 »

6个月前 (08-05) 774浏览

vue2 插槽子组件向父组件传值使用方式

vue2 插槽子组件向父组件传值使用方式
1.slot插槽作用域:带参数的插槽(可进行子组件向父组件传值)父组件中: 在组件标签内部加一个template标签 在template标签上加一个属性scope 值随意书写子组件中:在组件内部用slot进行传值,如果给slot加一个自定义属性,那么在组件标签的template的scope上面就可以进行接收到,接收到的为一个对象父组件app.vue<template> <di……继续阅读 »

7个月前 (07-24) 387浏览

Vue实现多语言项目(vue-i18n)

Vue实现多语言项目(vue-i18n)
首先安装vue-i18n依赖(npm)npm install vue vue-i18n --savevue-i18n官方文档地址:http://kazupon.github.io/vue-i18n/zh/introduction.html在vue项目src文件夹下新建一个 i18n 文件夹存放i18n要用的文件在创建一个lang文件夹存放你需要的语言包 //cn.js module.expor……继续阅读 »

7个月前 (07-19) 130浏览

【vue开源商城项目】一款vue搭建的开源商城项目,自己的项目也可以直接使用~

【vue开源商城项目】一款vue搭建的开源商城项目,自己的项目也可以直接使用~
我与它的结缘:两年前,我一个做前端开发的朋友让我帮他跑通一个VUE项目,当时拿到项目的时候,顺便看了下里面的代码。第一次看到里面的代码的时候,感觉结构清晰,很好理解,当时第一反应,原来还可以这样实现!后来阅读代码的时候,发现里面有一个开源github的地址,打开一看是个开源项目。开发者直接拔下来使用了开源的架子,于是在后面的项目中和写法中,我再也利用了这个开源项目里面好的思路。于是在后面的一个vue项目中将开源项……继续阅读 »

7个月前 (07-19) 323浏览

看了 9 个开源的 Vue3 组件库,发现了这些前端的流行趋势

看了 9 个开源的 Vue3 组件库,发现了这些前端的流行趋势
参考了如下组件库,因为有些设计是多个版本和框架的,这里只讨论 Vue3 版本。element-plus – 经典中的经典,全面支持 Vue 3tdesign-vue-next – 鹅厂优质 UI 组件,配套工具完满,设计工整,文档清晰arco-design-vue- 字节跳动 UI 组件库开源,大厂逻辑,设计文档完美ant-design-vue – 蚂蚁前端 UI 库,面……继续阅读 »

7个月前 (07-18) 121浏览

浅析ESLint原理

浅析ESLint原理
在前端开发过程中,eslint 规范已经成为必不可少的一环,我们需要 eslint 来保证代码规范,相对统一的代码风格,不然就会出现所有开发都随意引入自己偏好的风格或者规范,让所有人一起分担引入规范的代价。同时,有些 lint 规则可以避免 bug 的产生,在提高代码可读性的前提下,减少问题数量,将问题更多的暴露在开发阶段。一、eslint 的规则说起 eslint,第一想到的就是 eslints 里面的每条规……继续阅读 »

7个月前 (07-16) 281浏览

vue3.2 setup 语法糖汇总

vue3.2 setup 语法糖汇总
前言提示: vue3.2 版本开始才能使用setup语法糖!在 Vue3.0 中变量必须  return  出来, template 中才能使用;而在 Vue3.2 中只需要在  script  标签上加上  setup  属性,无需  return , template  便可直接使用,非常的香啊!提示:以下是本篇文章正文内容,下面案例可供参考1、如何使用setup语法糖只需在  script  标签上写……继续阅读 »

7个月前 (07-13) 248浏览