![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue前端
文章平均质量分 52
Vue前端项目体系整理
格瑞@_@
java开发+全栈+webgl
展开
-
1.Vue-cli脚手架搭建
主体文件介绍node_module 存放npm下载的各类插件工具public 用来放公共资源的src 源代码文件.browerslistrc 项目配置工具.gitignore git配置babel.config.js 转码器配置package.json 项目的依赖文件readme 项目说明文档vue.config.js vue工程的配置文件,可以配置端口地址等。原创 2024-08-14 21:53:11 · 275 阅读 · 0 评论 -
2.Vue引入ElementUI、sass插件
(我的node环境是node16.13.1,测试过只有这两个版本的sass和和sass-loader可以用)variable.scss用来放全局的样式变量,mixin.scss 文件,可以函数式定义样式,类似用函数方式去复用样式的书写variable.scss 文件内容@mixin与@include实现css编程式风格,mixin.scss 文件,可以函数式定义样式mixin.scss 文件内容,格式:@mixin 函数名($参数名: 默认值)xxx.vue文件中直接使用该变量,页面中引入样式测试。原创 2024-08-14 21:54:16 · 221 阅读 · 0 评论 -
3.Vue工程打包部署
打包后,把dist包放到tomcat的webapps下,浏览器访问localhost:8080/dist 成功访问,并且样式生效,则成功。原创 2024-08-14 21:55:57 · 305 阅读 · 0 评论 -
4.vue中引入axios
视频演示地址:https://www.bilibili.com/video/BV1B5eKe4Euq/?在线免费接口:https://api.uomg.com/api/rand.qinghua?找一个可渲染的vue页面加入如下代码,并在页面中使用点击事件,调用方法,能输出内容,无报错,则成功引入。2.在vue中注册axios,注册好后,使用方法为:this.$axios。1.安装 axios。原创 2024-08-16 02:10:53 · 152 阅读 · 0 评论 -
5.vue中axios封装工程化
vue常用的项目工程中封装axios的方法,规范化封装,可提高代码的复用性,规范性和可读性原创 2024-08-16 17:12:13 · 314 阅读 · 0 评论