首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
项目
爱困的猫cat
创建于2022-08-13
订阅专栏
根据尚硅谷的Vue项目而记录的注意点
暂无订阅
共13篇文章
创建于2022-08-13
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
token的生成解析及过期时间
用于验证用户,token是由后端生成 1 token使用流程 2 使用(后端) 2.1 下载 2.2 引入 2.3 生成token语法 2.4 解析token 函数:当前时间-生成token时间判断
全栈项目——商城
1 创建前后端 创建前端项目 vue create <项目名称> 创建后端项目 2 切换路由并改变图标 3 使用阿里巴巴矢量图标修改大小 使用font-size可修改图标大小 4 头部切换插件ly-t
路由守卫
当我们在未登录账号时,我们去往购物车时,本应发送请求获取购物车的列表,可未登录则没有token则发送请求时会获取不到信息,此使则应使用导航守卫,让未登录账号时,不能到购物车页面或者其他,应直接跳转到登
Vuex(mapState,mapMutation)登录账号后显示当前账号信息
在操作大量数据时若直接在组件中定义变量,会让代码变得庞大,且不便于操作,因此可以用Vuex。 案例:判断用户是否登录,登录后跳转到个人界面显示信息 1 store/index.js 在store文件夹
后端连接MySQL数据库
1 安装 npm install mysql2 -S 2 创建文件/db/sql.js 连接数据库 3 使用
axios二次封装(前端封装)
二次封装提升方便性和维护性,能在二次封装中添加加载和进度条等效果 1 创建文件 在src创/common/api/request.js 2 二次封装request.js 3 引入引用 在需要使用接口的
Vue+Node.js前后端打通
1、解决跨域问题 前端端口号为8080,后端为3000,所以在前端的vue.config.js文件中,添加 并在前端安装npm i axios -S 2、后端编写接口 在routes文件下的index
Vue实战项目注意点-part6(路由守卫)
全局守卫:只要项目中有任何路由变化,全局守卫都会进行拦截【符合条件走你,不符合条件不能访问】 全局守卫:全局前置守卫【访问之前进行触发】
Vue实战项目注意点-part5(分页器、bus)
1 全局事件总线bus 全局事件总线是组件间的一种通信方式,适用于任意组件间通信。 1.1 注册 引用来源: 2 自定义事件 3 当页面跳转时,路由跳转,切换到的页面始终在顶部 4 分页器组件 4.1
Vue项目实战注意点-part4(mock)!!!important
1 当某个组件在一个地方一直显示,另一个地方移入时显示移除时隐藏 初始化数据show为true,在标签中使用v-show,设置一个方法当鼠标移入时为ture,当鼠标移除时,用this.$route.p
Vue项目实战注意点-part3
1 以用JS将三级联动添加动态背景颜色 思路:利用index,向设置data里面一个currentIndex为-1,然后写两个方法,当鼠标移到某个目录时,currentIndex就变为当前的index
Vue项目实战注意点-part2
1、编程式导航路由跳转到当前路由(参数不变), 多次执行会抛出NavigationDuplicated的警告错误? 注意:编程式导航(push|replace)才会有这种情况的异常,声明式导航是没有这
Vue项目实战注意点-part1
1.创建项目 目录 src中还有asset文件 2 关闭eslint校验工具 2.1 创建vue.config.js文件:需要对外暴露 module.exports = { lintOnSave:fa