![](https://img-blog.csdnimg.cn/3c19ca4854a0436eb6230356b41e7c2b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue-cli3
文章平均质量分 74
这是一个实战教程,不去追究框架底层技术,只讲解最常用的代码块。
洋滔
这个作者很懒,什么都没留下…
展开
-
Vue-cli3.0布局实战篇---打包项目
本文所采用技术栈:vue3+vue-router4+vuex4+vant3,今天我们来一起看下,项目打包的具体步骤,这个结束后,我们就完成了一个vue-cli3.0的前端项目从开发到上线整个流程。原创 2021-12-22 15:12:48 · 964 阅读 · 0 评论 -
Vue-cli3.0布局实战篇---组件
在我们实际开发项目中,会有一些重复的代码块,比如单页应用的底部工具栏,页面的顶部导航栏,甚至一些特定应用里的推荐商品等等,如果我们每个页面都单独去写这些代码,一是影响开发效率二是不方便维护。而vue中的组件components,就可以解决这样的问题,通过组件的复用,来实现这些相同的页面效果。今天就给大家带来,在vue-cli3.0开发中,几种最常见的组件使用方法。原创 2021-12-01 17:43:50 · 2223 阅读 · 0 评论 -
Vue-cli3.0布局实战篇---路由
本文所采用技术栈:vue3+vue-router4+vuex4+vant3,我们在开发项目的时候,页面之间的跳转、传参,这些都是不可缺少的,在vue-cli3.0中,是vue-router也就是路由来实现的,今天就带来我们在项目中最常用的一些路由用法。原创 2021-11-29 15:59:59 · 1019 阅读 · 0 评论 -
vue-cli3.0布局实战篇---准备工作(配置接口文件,本地开发跨域处理,配置全局变量)
文章目录前言一、接口配置,以axios为例1.安装axios,打开项目根目录,执行命令:2.设置axios请求配置文件,在src目录下新建request文件夹,然后新建http.js文件,在里边放入以下代码:3. 编写接口文件,在src目录下新建api文件夹,然后新增index.js文件,里边放入以下代码:4.配置本地跨域,在项目根目录里的vue.config.js里加入以下代码,如果没有这个文件新增一个5.使用方式如下,在Home.vue里加入以下代码:二、配置全局变量1.在项目根目录下新增.env文件,原创 2021-11-17 16:44:05 · 603 阅读 · 0 评论 -
vue-cli3.0布局实战篇---准备工作(引入icon图标,引入自定义样式,使用ui组件)
文章目录前言一、引入icon图标,这里以iconfont为例二、引入自定义样式文件三、引入UI组件,这里以vant为例结语前言工欲善其事必先利其器本文所采用技术栈:vue3+vue-router4+vuex4+vant3,在实际项目开发中,我们需要做准备工作,比如引入外部icon图标,引入自定义css等等,今天就给客官对这些准备工作如何去做,展开讨论。提示:以下是本篇文章正文内容,下面案例可供参考一、引入icon图标,这里以iconfont为例1.首先登录iconfont,新建一个项目,比如原创 2021-11-11 15:14:06 · 1136 阅读 · 0 评论 -
Vue-cli3.0布局实战篇---移动端适配
Vue-cli3.0布局实战篇---移动端适配前言:本文所采用技术栈:vue3+vue-router4+vuex4+vant3,今天我们来一起看下,在使用脚手架3.0开发项目的时候,怎么去解决移动端适配问题,这样做的好处是一次适配,后续的开发过程都可以解决因为元素样式大小带来的布局问题。没有做适配的时候,px就是像素,不会根据设备的大小去变化,就像下图这样:安装amfe-flexible打开项目所在文件夹,输入命令:npm i -S amfe-flexible...原创 2021-08-24 09:36:58 · 545 阅读 · 0 评论