分类 vue3 下的文章

用vuex实现vue中的内容存储和组件数据共享

介绍与安装介绍Vuex 是 vue 项目中实现大范围数据共享的技术方案。作用:能够方便、高效地实现组件之间的数据共享。传统的父子组件数据传递较复杂,vuex可以更方便的实现多个交互组件之前的数据共享安装npm install vuex@next --save使用步骤定义我们在src目录下新建store文件夹,创建index.js,和自己的模块js menu.js,这个例子中是为了实现左侧的导...

阅读剩余部分 -

vue3 路由的引入和配置

在 Vue 中,router 是一个核心插件,负责管理应用的路由配置,实现单页面应用(SPA)中的页面导航和组件切换,使得开发者能够通过定义路由映射来动态加载和渲染不同的组件,从而构建复杂的用户界面和交互体验。官方网站https://router.vuejs.org/router的安装npm install vue-router@4具体的版本会在package.json里体现路由定义与导出i...

阅读剩余部分 -

vue3+vite初始化项目

为什么使用vite1. 启动速度和热更新速度Vite:Vite 利用了现代浏览器原生支持的 ES 模块(ESM),在开发环境下直接使用原生 ESM 进行模块加载,无需打包,因此启动速度非常快。热更新(HMR)也几乎是即时的,因为 Vite 只更新发生变化的模块,而不是整个应用。Vue CLI:Vue CLI 使用 Webpack 进行打包,启动和热更新速度相对较慢,尤其是在大型项目中。2. ...

阅读剩余部分 -