樓主是不是看多了培訓機構的課程，先把html文件準備好，在項目中進行vue改造

vue文件本身就是支持HTML CSS的，你只管按照約定寫內容，腳手架會自動編譯文件的。也不用擔心ide,找對應代碼編輯器的vue相關插件安裝，編寫代碼效率更高。

用Vue做項目一般都會利用vue-cli腳手架，按照官方文檔搭建配置，環境配置合適就可以快速編寫代碼。

.vue文件 有根三個節點：

  1. && 是html結構，所有html標籤都可以寫，和直接寫html一樣，還支持vue框架特有的標籤和屬性，自行查看文檔。
  2. & 顧名思義就是js內容，寫法和純js文件在結構上是有差別的。
  3. & CSS樣式，並且支持less/styles/sass，但對應編譯器需要自配。

問這樣的問題，可能是你還沒有弄清楚Vue到底是個什麼，建議把官方教程在閱讀一遍。

不推薦這種做法，很麻煩。

直接在vue項目里開發，相同的內容寫成組件會更方便。

建議加強學習。

先從了解開始吧！

與「 vue」匹配的搜索結果?

down.bianchengquan.com

https://cn.vuejs.org ,仔細，認真並經常去看看這個網站，並多結合網站內容進行實際練習，並經常回頭反思做的好與不好的地方，總結下來，這對你提升Vue開發比較受益，而且不會再產生這種問題。

並不是一定要這樣子做，但根據我個人的習慣，先把靜態頁面寫好，基本架子搭建起來後就可以開始分析頁面，如果有一個欄目多次出現，就可以定義在components里。提前準備好靜態頁面，這樣比較利於拆分組件

這樣只會浪費時間，當然你工時允許又蛋疼沒事做的時候可以這樣做

推薦閱讀：
相关文章