vue
文章平均质量分 54
追梦者123
在研发的道路上越走越远,越走越有意思,学无止境,保持良好的学习习惯,接触新鲜的事务。从事开发工作已经五年了,继续努力加油
展开
-
vue 父子传值问题
父组件给子组件传值子组件原创 2022-04-12 16:03:26 · 495 阅读 · 0 评论 -
vue第三章 使用vue脚手架
第一步配置镜像位置直接cmd执行如出现下载缓慢请配置npm淘宝镜像:npm config set registry https://registry.npm.taobao.org执行完上面操作后关闭当前窗口安装脚手架 npm install -g @vue/cli (只有第一次使用vue脚手架的时候使用)切换到你要创建项目的目录,然后使用命令创建项目 执行 vue create xxxx (项目名称不能是敏感词(vue,jquery))然后执行 npm run ser原创 2021-08-22 08:28:57 · 221 阅读 · 0 评论 -
vue学习 第四章vue的ajax
配置代理一下载axios npm i axios说明:1. 优点:配置简单,请求资源时直接发给前端(8080)即可。2. 缺点:不能配置多个代理,不能灵活的控制请求是否走代理。3. 工作方式:若按照上述配置代理,当请求了前端不存在的资源时,那么该请求会转发给服务器 (优先匹配前端资源)配置二详细说明module.exports = { devServer: { proxy: { '/api1': {// 匹配所有以 '/api1'开头的请求路径原创 2021-09-01 07:25:55 · 124 阅读 · 0 评论 -
vue第六章 路由
概念理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。前端路由:key是路径,value是组件。基本使用安装vue-router,命令:npm i vue-router应用插件:Vue.use(VueRouter)配置router//引入VueRouterimport VueRouter from 'vue-router'//引入Luyou 组件import About from '../components/A原创 2021-09-12 20:17:18 · 106 阅读 · 0 评论 -
路由守卫详解
作用:对路由进行权限控制分类:全局守卫、独享守卫、组件内守卫全局守卫://全局前置守卫:初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeEach',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 (路由中有meta这个属性,用于程序员自定义属性) if(localStorage.getItem('school') =.原创 2021-09-11 17:55:07 · 1028 阅读 · 0 评论 -
vue第六章 router-link,缓存路由组件,组件的新生命钩子
router-link<router-link>```的replace属性1. 作用:控制路由跳转时操作浏览器历史记录的模式2. 浏览器的历史记录有两种写入方式:分别为```push```和```replace```,```push```是追加历史记录,```replace```是替换当前记录。路由跳转时候默认为```push```3. 如何开启```replace```模式:```<router-link replace .......>News</router-.原创 2021-09-11 16:48:08 · 809 阅读 · 0 评论 -
vue 第五章 vuex
vuex是什么1.概念 (其实就是一个公共区域)专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。2.Github地址:https://github.com/vuejs/vuex什么时候使用Vuex1.多个组件依赖于同一状态2.来自不同组件的行为需要变更同一状态用法测试vm和VC都有了$Store这个属性加入到vm中js 的执行顺序,首先执行所有的import文原创 2021-09-09 07:22:52 · 139 阅读 · 0 评论