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代碼分離，結構清晰】：