vue系列教程-12vue单文件组件开发

本内容为系列内容，全部内容请看我的vue教程分类

• 我的个人博客
• 本节仓库地址
• 视频教程地址

那么前面我们都是直接引入vuejs文件的方式进行开发，然后在同一个html文件中进行开发

这显然是不符合组件化开发的思路的，前面我们说过实际当中的开发都是编写以.vue结尾的页面文件，然后用webpack进行打包

这一节我们将到vue的单文件组件开发，使用的是webpack提供的简易模板，没有webpack基础的朋友不要怕，下一节会简答讲一讲webpack的基础

安装

首先依次安装这些包，前提是你的电脑已经安装了node

npm install webpack -g
npm install @vue/cli -g
npm install  @vue/cli