手拉手带你开启Vue3世界的鬼斧神工
前言 2020注定是不平凡的一年,无论是疫情的横空出世,还是世界局势的激烈动荡,抑或是股市的跌宕起伏,我相信很多国人都会有一种庆幸我是中国人的深刻感悟。作为一名技术宅,除了疫情,更多的还是雨女无瓜,随着 Vue3.0 Beta 的推出,大家都争先恐后的尝了鲜,笔者也不例外,经过一番研究,觉得 Vue3 也的确存在它独特的魅力,也应该写一篇博客方便还没有体验的朋友能够快速对其有一个大体的认知。 开始 此文默认你已熟悉 Vue2.x 相关知识 环境搭建 相关库版本 Vue-Cli 4.x Vue 3.0.0-beta.1 Vue-Router 4.0.0-alpha.7 具体步骤如下: 使用 VueCli 创建一个 Vue 基础项目: vue create project 在项目中,执行升级命令: vue add vue-next 项目目录结构如下: 进行完以上操作无误之后基本环境就已经搭建完毕。 配置路由 项目中执行 npm install vue-router@4.0.0-alpha.7 -S 按照一般规范,在 src 目录下新建 router 文件夹,并在 router 文件夹中新建 index.js 文件。 index.js内容: import { createRouter, createWebHashHistory } from 'vue-router' ; import