vue-cli3 从0到1
文章平均质量分 91
本专栏着重介绍前端vue3.x从0基础到实战开发的整个过程.....
槿畔
95后,热衷前端开发,喜欢专研新技术,有多种类型大型项目经验,先后任职多家公司前端leader ,关注一下互相学习吧。。。
展开
-
vue快速转型uni-app
本篇博客是给已经有了vue、react等框架基础的同学预览的,重点讲述培养学习思维,以不一样的思维带你深入uni-app。。。1.刚学习uni-app,第一步应该考虑哪些东西?了解其应用场景,整合其优势,大规模的线上案例这是必然的,具体的介绍需要大家去细细研究。我们既然已经有了前端框架的开发经验,学习一个新的线路时,必须有一个正确的思维:1)快速入门,熟悉简单语法2)前端框架通用优势在该框架中如何实现。(如组件封装、组件通信、组件生命周期、路由守卫、实战请求接口封装、实战mock数据等等)原创 2020-07-31 17:08:00 · 10218 阅读 · 1 评论 -
前端项目的接口管理方案----构思
一般来讲,现在百分之90的开发方式都是前端端分离,通俗来讲就是服务端提供一个http的REST API,前端同学去调用服务端的接口进行交互。因此就衍生出请求代码的各类封装,但是网上的开发者从来就没有一个具体的定义,网上也没有具体的一个特别规范的一个点。我个人观点认为,封装就应该是拆分一层又一层,最终目的就是为了方便维护,方便拓展,方便管理。传统的代码,也是我看见项目最烦的一种代码:...原创 2020-05-05 16:14:46 · 10979 阅读 · 2 评论 -
vue 开发公共组件/方法(vue 各类UI框架开发原理)
前面讲解了vue怎么通过npm发布vue的组件,但是对里面的相关技术却没怎么提及,下面跟大家共同探讨一下如何封装积累自己的VUE ui组件库呢:大家有没有想过各大ui框架是如何封装的呢.ls element-ui/min-ui /vant-ui有时候我们想让自己的组件跟发布的ui框架里面的组件一样使用的简单粗暴,而不是一直去写子组件,然后import引入再到components里面使用一下...原创 2018-12-04 14:41:12 · 7686 阅读 · 0 评论 -
vue3修改link标签默认icon无效问题
vue3修改link中标签默认icon,vue3初次使用的时候不好好阅读配置难免会遇到一些坑,本人在项目完结的时候打算把浏览器的导航小icon图标给替换了,可是并没有那么顺利,那么如何在vue3中替换默认的icon(favicon.ico)的导航栏图标呢:public的index.html有这么一句话,毫无疑问,一看给人的感觉就是在这个位置替换了而且favicon.ico也是小图标...原创 2018-11-22 17:31:54 · 23719 阅读 · 6 评论 -
vue-cli3实战-- 结合element-ui和vant框架实现国际化多语言切换
有时我们在项目中会用到多个国家语言的切换,这时候我们就不能把内容写死了,而是借助工具实现语言的转换。今天介绍的这个就是开源的 vue-i18n ,如何使用以及如何结合element-ui和vant-ui框架混合使用首先,第一步我们要先学会在项目中如何去使用,才能进行下一步切换ui框架的内置语言,后边会以element-ui和vant ui两个ui框架为例安装:npm i vue-...原创 2018-11-16 18:02:18 · 25658 阅读 · 16 评论 -
vue-cli3+vant ui组件快速开发自适应移动端应用
当我建好VUE-CLI3的脚手架之后,我们来接着选择一个合适的UI框架来进行实战开发,还不会搭建?---> 点击https://youzan.github.io/vant/#/zh-CN/quickstart 这个的英文VANT的开发文档,感觉在移动端算是功能还算不错的一个UI框架,功能性的东西挺多的,而且也支持国际化。一般情况下如果全部应用CDN或者直接全局使用,直接根据文档...原创 2018-11-15 20:05:15 · 21619 阅读 · 15 评论 -
vue-config.js配置实战
今天讲述一下vue-config.js配置,我们前面搭建好脚手架会发现,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,那么问题来了,我们如何去开发我们的项目呢,比如设置代理,打包配置等问题呢?还不会搭建脚手架,点击前往搭建vue-cli3实际上我们都是可以在vue-config.js中进行配置(刚创建的这个js都是空的),我把官网里面很常见的配置都进行了注释...原创 2018-11-15 15:04:00 · 30294 阅读 · 0 评论 -
vue-cli3脚手架/单文件/环境搭建
vue-cli3脚手架/单文件/环境搭建。vue3.x版本相对于2.x版本做了许多地方的优化,个人总结主要还是使用上使开发者更加一目了然,配置起来也更加的方便,减少了各种webpack里面的loader的配置.下面一起看一下,3.x版本该如何从搭建到配置再到开发的一个过程:如果你已经搭建好了,请前往vue-config.js(封装了2.x的webpack配置)一,安装1.如果电脑...原创 2018-11-15 14:54:59 · 23519 阅读 · 1 评论