Vue3和Vue2有什么区别

区别生命周期的变化 整体来看,变化不大,只是名字大部分需要 + on,功能上类似。使用上 Vue3 组合式 API 需要先引入;Vue2 选项 API 则可直接调用,如下所示。 // vue3 <script setup> import { onMounted } from 'vue' onMounted(() => { ... }) // 可将不同的逻辑拆开成多

- 阅读全文 -

带你了解Pinia和Vuex两个状态管理模式

Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5,只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行对比,让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式,那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器(实际项目中千万不要即用Vuex又

- 阅读全文 -

uni-app跨域问题解决方法

修改接口配置,添加判断,当开发环境时为'/'baseUrl: process.env.NODE_ENV === 'production' ? 'http://接口域名/' : '/',打开manifest.jsonCtrl+F找到## devServer ##"devServer": { "https": false, }修改成"devSe

- 阅读全文 -

Vue响应原理

Vue响应式指的是:组件的data发生变化,立刻触发视图的更新 。原理: Vue 采用数据劫持结合发布者-订阅者模式的方式来实现数据的响应式,在getter中收集依赖,在setter中触发依赖。即把用到该数据的地方收集起来,然后等属性发生变化时,把之前收集好的依赖循环触发一遍。vue2通过Object.defineProperty来劫持数据的setter,getter。 获取属性值会触发gette

- 阅读全文 -

uni-app下拉菜单组件

效果图<view :class="topSelect.status !== null ? 'fluid-box' : 's8-card-box'"> <view class="select__tabs"> <view class="tabs__box" v-for="(ite

- 阅读全文 -

vuepress-theme-hope搭建教程

VuePress 搭建教程VuePress-theme-hope 主题不仅在默认主题的基础上大幅提高美观性,同时搭配各种插件,在各种细节与功能上为 VuePress 提供全方位的增强。一、环境配置node.js 下载地址(请确保你的 Node.js 版本 >= 8.6)下载完成后按自身需求进行 node.js 的安装npm 防警告配置教程(可跳过)找到 node.js 安装路径修改 npm,

- 阅读全文 -