标签 Vue3 下的文章

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%......2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking......3.拥抱TypeScr...

vue-cilvue-cli（俗称：vue脚手架）是 vue 官方提供的。快速生成 vue 工程化项目的工具特点：开箱即用基于 webpack功能丰富且易于开发支持创建 vue2 和 vue3 的项目创建项目vue-cli 提供了创建项目的两种方式：// 基于 【命令行】的方式创建 vue 项目 vue create 项目名称 // 基于 【可视化面板】 创建 vue 项目 vue ui组件库常用的组件库PC 端Element UIView UI移动端Mint UIVant UIElement UIElement UI 是饿了么前端团队开源的一套 PC 端 vue 组件库。支持在 vu...

导航守卫可以控制路由的访问权限声明全局导航守卫全局导航守卫会拦截每个路由规则，从而对每个路由进行访问权限的控制：// 在 router.js 中 // 创建路由实例对象 const router = creteRouter({ ... }) // 调用路由实例对象的 beforeEach 函数，声明 “全局前置守卫” // fn 必须是一个函数，每次拦截到的路由请求，都会调用 fn 进行处理 // 因此 fn 叫做 “守卫方法” router.beforeEach(fn)守卫方法的 3 个形参// 创建路由实例对象 const router = creteRouter({ ... })...

vue-router 的版本vue-router 目前只有 3.x 的版本和 4.x 的版本：vue-router 3.x 只能结合 vue2 进行使用vue-router 4.x 只能结合 vue3 进行使用vue-router 4.x 基本使用在项目中安装 vue-router在 vue3 的项目中，只能使用 vue-router 4.x：npm install vue-router@4 -S定义路由组件在项目 view 文件夹中自定义组件，将来要使用 vue-router 来控制它们的展示与切换声明路由链接和占位符使用 <router-link> 标签来声明路由链接，并...

在 main.js 入口文件中，通过 app.config.globalProperties 全局挂载 axios

组件运行过程组件的生命周期指的是：组件从创建 -> 运行（渲染）-> 销毁的整个过程，强调的是一个时间段 Vue2-生命周期&数据共享 2022-09-21 09:28:03 ...

vue3.x 和 vue2.x 版本对比vue2.x 中绝大多数的 API 与特性，在 vue3.x 中同样支持。同时，vue3.x 中还新增了 3.x 所特有的功能、并废弃了某些 2.x 中的旧功能：新增的功能有组合式API、多根节点组件、更好的 TypeScript 支持等废弃的旧功能有过滤器、不再支持 $on、$off、$once 实例方法等过滤器兼容性过滤器仅在 vue2.x 和 1.x 中受支持，再 vue3.x 的版本中剔除了过滤器相关的功能可以使用计算属性或方法代替被剔除的过滤器功能单页面应用程序 SPA（Single Page Application）优点1. 良好的交互...