![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 52
尤加利叶
这个作者很帅 , 只留下了一身帅气
展开
-
路由导航守卫
路由导航守卫可以建立在main.js同级目录下的permission.js中 main.js 直接引入使用// 路由导航守卫import router from '@/router'import store from '@/store'// 引入进度条插件import Nprpgress from 'nprogress'import 'nprogress/nprogress.css'// 引入进度条// 白名单const whiteList = ['/login...原创 2021-03-21 17:44:20 · 110 阅读 · 0 评论 -
vue cli处理跨域问题
开发环境的跨域开发环境的跨域 , 也就是在vue-cli脚手架环境下开发启动服务器时 , 我们访问接口所遇到的跨域问题 , vue-cli为我们在本地开启了一个服务 , 可以通过这个服务帮我们代理请求 , 解决跨域. 这就是vue-cli配置webpack的反向代理采用vue-cli的代理配置vue-cli的配置文件即vue.config.js , 这里有我们需要的代理选项module.exports = { devServer: { // 代理配置 proxy: {.原创 2021-03-18 21:05:56 · 695 阅读 · 1 评论 -
Vuex 模块化
模块化的简单应用定义两个模块 user 和 settinguser中管理用户的状态 tokensetting中管理 应用的名称 nameexport default new Vuex.Store({ modules: { user: { state: { token: '12345' } }, setting: { state: { name: 'ww' } } }})原创 2021-02-26 03:18:27 · 108 阅读 · 0 评论 -
Vuex
组件之间共享数据的方式父向子传值: v-bind 属性绑定子向父传值: v-on 事件绑定兄弟组件之间共享数据: EventBus$on 接收数据的那个组件$emit 发送数据的那个组件VueXVuex是实现组件全局状态(数据)管理的一种机制 , 可以方便的实现组件之间的共享好处:能够在vuex中集中管理共享的数据 , 易于开发和后期维护 能够高效的实现组件之间的数据共享 , 提高开发效率 存储在vuex中的数据是响应式的, 能够实时保持数据与页面的同步...原创 2021-01-23 14:29:38 · 97 阅读 · 0 评论 -
Vue项目优化与上线
通过nprogress添加进度效果通过npm install --save nprogress或vue ui中运行依赖安装包// 导入 NProgress 包对应的JS和CSSimport NProgress from 'nprogress'import 'nprogress/nprogress.css '// 请求根路径axios.defaults.baseURL = 'url'// 添加一个请求拦截器axios.interceptors.request // axios设..原创 2021-01-22 19:15:34 · 873 阅读 · 0 评论 -
vue全家桶-路由
路由路由的本质就是对应关系后端路由概念:根据不同的用户URL请求, 返回不同的内容 本质:URL请求地址与服务器资源之间的对应关系SPA(Single Page Application)后端渲染(存在性能问题) Ajax前端渲染(前端渲染提高性能, 但是不支持浏览器的前进后退操作) SPA(Single Page Application) 单页面应用程序:整个网站只有一个页面, 内容的变化通过Ajax局部更新实现, 同时支持浏览器地址栏的前进和后退操作 SPA实现原理之一:基于UR原创 2020-12-29 15:56:10 · 228 阅读 · 0 评论 -
Vue-cli 脚手架
传统组件的问题和解决方案1.问题全局定义的组件必须保证组件的名称不重复 字符串模版缺乏语法高亮,在HTML 有多行的时候, 需要用到丑陋的\ 不支持CSS意味着当HTML 和 JavaScript组件化时, CSS明显被遗漏 没有构建步骤限制,只能使用HTML和ES5 JavaScript, 而不能使用预处理器(如:babel)2.解决方案针对传统组件的问题, Vue提供了一个解决方案 => 使用Vue单文件组件单文件组件的基本用法单文件组件的组成结构template.原创 2020-12-30 00:02:21 · 173 阅读 · 1 评论