首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue项目实战
ZA
创建于2021-12-27
订阅专栏
包括前台项目、后台管理系统、数据可视化 技术框架包括:Vue、webpack、vuex、vue-router、axios、less、echarts、canvas、element UI
暂无订阅
共9篇文章
创建于2021-12-27
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
9、vuex
1、vuex是什么 Vuex是Vue官方提供的一个插件,是一个状态管理工具。用来集中处理项目中组件共用的数据。 当项目比较庞大,数据比较复杂时可以使用Vuex进行管理 2、vuex的属性 state
8、nprogress进度条插件
1、安装 2、使用 在【request.js】文件中,请求开始前加载进度条;响应结束后结束进度条 3、修改进度条的样式 在【node_modules——nprogress——nprogress.css
7、跨域
1、什么是跨域 客户端向服务器发送请求时,当协议、域名、端口不一致时,就会发生跨域 2、如何解决跨域 jsonp CORS 代理 在【.config.js】文件进行配置代理
6、axios
1、axios进行二次封装1、axios进行二次封装1、axios进行二次封装1、axios进行二次封装
5、路由传参
1、页面跳转的方式包括两种: 声明式导航:通过router-link标签,必须要有to属性,来实现页面的跳转 编程式导航:通过组件实例的$router.push、$router.replace等方法来
4、路由组件的搭建
1、路由在项目中的应用 下载插件vue-router 在src目录下创建pages/views文件夹,用来放置路由组件 项目当中配置的路由一般放置在router文件夹中的【index.js】文件 在入
3、非路由组件的创建
1、项目样式 浏览器不识别less样式,需要通过less less-loader进行处理,将less样式转为浏览器识别的css样式 想让组件识别less样式,需要再style标签身上加上lang属性,
2、项目的其它配置
1、项目运行的时候自动打开浏览器 修改【package.json】文件下启动项目的命令 2、eslint校验关闭 根目录下创建【vue.config.js】文件进行关闭 3、设置src文件夹目录的别名
1、初始化项目
使用脚手架初始化的项目前提:安装node\webpack\淘宝镜像 1、初始化项目命令 2、vue-cli脚手架生成的项目目录结构 node_modules:存放的是项目依赖