在vue2
中会习惯性的把axios
挂载到全局,以方便在各个组件或页面中使用this.$http
请求接口。但是在vue3
中取消了Vue.prototype
,在全局挂载方法和属性时,需要使用官方提供的globalProperties
API。
Vite+Vue3+Vant快速构建项目
随着Vue3
和 Vite
版本的不断更新完善,开发体验有了质的飞跃。因此,越来越多的大厂也逐步拥抱 Vue3
。
利用Vite
脚手架工具可以很轻松生成以 Vue3
为模板的项目,但是作为Vue
全家桶的 vue-router
、vuex
、axios
等成员,需要自己一个一个去配置。于是便自行开发了本文讲到的 tive-cli
脚手架模板工具,只需短短几个命令便能快速生成配置健全的Vue3全家桶
项目,并且集成了VantUI
,内置了rem
移动端适配,真正做到了开箱即用
。
Vue3学习与实战 · 配置使用vue-router路由
Serverless初体验
Serverless Framework 是业界非常受欢迎的无服务器应用框架,通过与众多一流云供应商如腾讯云,AWS 等的紧密合作,为广大开发者提供无需关心底层基础设施,即可编写和部署代码的无服务开发体验。
基于node和npm的命令行工具——tive-cli
前端开发过程中经常会用到各种各样的脚手架工具
、npm全局工具包
等命令行工具
,如:Vue脚手架@vue/cli
、React脚手架create-react-app
、node进程守卫工具pm2
、本地静态服务工具serve
、代码格式化工具prettier
等等。因此也自行开发了一套基于node
和npm
的命令行工具集,主要封装了自动化shell脚本工具
和开箱即用的Vue全家桶模板工具
。
Vue3学习与实践 · 全局异常监控
每个web项目上线后,难免会出现各种奇奇怪怪的bug,或网络,或系统无法,或兼容适配,或测试遗漏等等原因。为了能更快的定位问题,解决问题,所以添加前端异常监控
至关重要。本文就具体介绍一下怎么在Vue3
项目中配置全局异常监控。
13个开发常用的Vue UI组件库
Vue.js 是一个渐进式 javascript 框架,用于构建 UIS
(用户界面)和 SPA
(单页应用程序)。UI 组件库提高了我们的开发效率,增强了应用的整体外观、感觉、交互性和可访问性,下面就来看看有哪些适用于 Vue
的 UI 组件库。
基于Node和Electron开发了轻量版API接口请求调试工具——Post-Tool
Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium
和 Node.js
到 二进制的 Electron
允许您保持一个 JavaScript
代码代码库,支持跨平台,一套代码可同时打包为Windows、macOS、Linux应用。
而 Post-Tool 就是基于 Node.js、React.js、Electron.js 和 Axios.js 开发的轻量版API接口请求调试工具。
Vue3学习与实战 · 组件通信
在使用Vue3
构建中大型web应用时, 组件通信 肯定是不可避免的。本文就具体介绍一下使用Vue3
的 props、 $emit、expose / ref、$attrs、v-model、provide / inject、Vuex、mitt 等方式进行组件通信。
vue3 + vite实现异步组件和路由懒加载
在 Vue2
中,异步组件和路由懒加载处理使用 import
就可以很轻松实现。但是在Vue 3.x
中异步组件的使用与 Vue 2.x
完全不同了。本文就详细讲讲vue3
中异步组件
和路由懒加载
的实现。