JavaScript 发展初期，代码简单地堆积在一起，只要能顺利地从上往下一次执行即可。但随着网站越来越复杂，造成了很多问题：全局变量冲突、函数命名冲突、引入js文件顺序等等
步骤一：通过npm安装Vue ： npm install vue --save
步骤二：在webpack.config.js中添加上 resolve（Vue runtime-compiler版本）
注意：去vue官网找安装命令和配置代码
■ 对比cpn组件(js文件)和cpn组件（Vue文件），显然Vue文件的结构更加清晰
① js文件的Vue组件【可以看到模板template，属于html的，跟Vue（js）混在一起】：
② Vue文件的Vue组件【html、css、js代码分离，结构清晰】：