1.创建项目目录
运行v-cli
在准备好的路径下,输入vue create +项目名称
![在这里插入图片描述](https://img-blog.csdnimg.cn/a021527536ee419ebfa28243d5ba6312.png)
选择完成后,不要移动鼠标,会中断
views里面的组件是通过路由来切换操作的
components里面的组件不是通过路由来切换的,是可复用的
2.梳理结构
- 打开app.vue,ctrl+a,全选删除内容,输入一个最基本的模板结构
![在这里插入图片描述](https://img-blog.csdnimg.cn/71ef27ca1411494fb8d4e06f6913aa31.png)
<template>
<div>APP 根组件</div>
</template>
<script>
export default {
name: 'APP'
}
</script>
<styl