随笔分类 - Vue3
Vuejs3.x
摘要：
每个web项目上线后，难免会出现各种奇奇怪怪的bug，或网络，或系统无法，或兼容适配，或测试遗漏等等原因。为了能更快的定位问题，解决问题，所以添加前端`异常监控`至关重要。本文就具体介绍一下怎么在`Vue3`项目中配置全局异常监控。
阅读全文
每个web项目上线后，难免会出现各种奇奇怪怪的bug，或网络，或系统无法，或兼容适配，或测试遗漏等等原因。为了能更快的定位问题，解决问题，所以添加前端`异常监控`至关重要。本文就具体介绍一下怎么在`Vue3`项目中配置全局异常监控。
阅读全文
摘要：
在使用Vue3构建中大型web应用时， 组件通信 肯定是不可避免的。本文就具体介绍一下使用Vue3的 props、 attrs、v-model、provide / inject、Vuex、mitt 等方式进行组件通信。 1.props 用 props 传数据给
阅读全文
在使用Vue3构建中大型web应用时， 组件通信 肯定是不可避免的。本文就具体介绍一下使用Vue3的 props、 attrs、v-model、provide / inject、Vuex、mitt 等方式进行组件通信。 1.props 用 props 传数据给
阅读全文
摘要：
随着`Vue3` 和 `Vite` 版本的不断更新完善，开发体验有了质的飞跃。因此，越来越多的大厂也逐步拥抱 `Vue3`。
利用`Vite` 脚手架工具可以很轻松生成以 `Vue3` 为模板的项目，但是作为`Vue`全家桶的 `vue-router`、`vuex`、`axios`等成员，需要自己一个一个去配置。于是便自行开发了本文讲到的 `tive-cli` 脚手架模板工具，只需短短几个命令便能快速生成配置健全的`Vue3全家桶`项目，并且集成了`VantUI`，配置了`rem`移动端适配，真正做到了`开箱即用`。
阅读全文
随着`Vue3` 和 `Vite` 版本的不断更新完善，开发体验有了质的飞跃。因此，越来越多的大厂也逐步拥抱 `Vue3`。
利用`Vite` 脚手架工具可以很轻松生成以 `Vue3` 为模板的项目，但是作为`Vue`全家桶的 `vue-router`、`vuex`、`axios`等成员，需要自己一个一个去配置。于是便自行开发了本文讲到的 `tive-cli` 脚手架模板工具，只需短短几个命令便能快速生成配置健全的`Vue3全家桶`项目，并且集成了`VantUI`，配置了`rem`移动端适配，真正做到了`开箱即用`。
阅读全文
摘要：
Vuex 是 Vue 全家桶重要组成之一，专为 Vue.js 应用程序开发的 状态管理模式 + 库 ，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 一、目录结构 demo/ package.json vite.config.js index.html
阅读全文
Vuex 是 Vue 全家桶重要组成之一，专为 Vue.js 应用程序开发的 状态管理模式 + 库 ，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 一、目录结构 demo/ package.json vite.config.js index.html
阅读全文
摘要：
随着Vue版本的升级，Vue 2.x项目和Vue 3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。 一、目录结构 demo/ package.json vite.config.js index.html public/ src/ api/
阅读全文
随着Vue版本的升级，Vue 2.x项目和Vue 3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。 一、目录结构 demo/ package.json vite.config.js index.html public/ src/ api/
阅读全文
摘要：
在vue2中会习惯性的把axios挂载到全局，以方便在各个组件或页面中使用this.$http请求接口。但是在vue3中取消了Vue.prototype，在全局挂载方法和属性时，需要使用官方提供的globalPropertiesAPI。 一、全局挂载 在vue2项目中，入口文件main.js配置Vu
阅读全文
在vue2中会习惯性的把axios挂载到全局，以方便在各个组件或页面中使用this.$http请求接口。但是在vue3中取消了Vue.prototype，在全局挂载方法和属性时，需要使用官方提供的globalPropertiesAPI。 一、全局挂载 在vue2项目中，入口文件main.js配置Vu
阅读全文
