慕课网网课vue-cli全集学习总结之vue3.x项目

概述

      本人在上班之余学习了慕课网线上的vue-cli课程，系统学习了如何在vue2.x和3.x环境实现vue项目。这也是本人头一次在CSDN上写博文，有什么问题可以私聊我。

开发环境

编译器：VScode
vue版本:4.0.5
node.js版本:12.12.0
我想装3.x版本，我也有找指定3.x版本安装命令，但是没找到。我只好利用npm i @vue\cli安装语句安装的4.0的，与3.X版本

项目界面

默认界面是只有导航栏和标题栏两大部分，如果点击导航栏中名为1的导航块，就可显示如下图显示的界面。

点击名为2的导航块，可以显示如图界面。

点击名为3的导航块，界面会显示一串数字。

项目代码

left.vue

<template>
  <div>
    <di