VUE DAY01

下载所需配置

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue-cli

npm install -g vue-cli

安装webpack

Npm install -g webpack

创建vue文件

使用命令更换vue3

修改完成

输入名称保存文件

安装完毕输入指令

ok！

在网页中测试localhost:8080/

然后在本地打开刚刚创建的项目

src由以下部分构成

在package.json里运行serve

修改about文件内的h1标签

效果如图

跳出连接  

<router-link to="xxxxx ">xxxx</router-link>

 注意

组件中

<template></template>

 里面只能有一个根标签

例如<h1>,<h2>，<span>标签

安装element-ui

 添加布局

初步效果图如下

配置嵌套路由

main.vue界面

刷新页面得出效果