在Vue的開發中，我們經常遇到要保存沒有編譯的文章的情況，例如寫markdown語法時，我們在.vue文件中使用了大量的HTML標簽。這樣的話，在瀏覽器中查看頁面時，就會出現樣式混亂的情況。這時需要將.vue文件中的內容保存下來，以便后續進行編譯，使得頁面顯示正確的樣式。在本篇文章中，我將詳細介紹Vue保存沒有編譯的文章的方法。

首先，我們需要了解Vue CLI。Vue CLI是一個基于Vue.js進行快速開發的系統，其中提供了許多有用的工具和指令。其中，Vue CLI提供了將.vue文件編譯為HTML文件的功能，我們可以通過這種方式來解決沒有編譯的文章的問題。

vue serve --open filename.vue

以上是Vue CLI的命令，其中filename.vue是指要編譯的.vue文件的文件名。使用vue serve命令，Vue CLI會啟動本地服務器并打開網頁，我們可以在網頁上查看.vue文件的樣式。這個時候，我們可以找到瀏覽器的控制臺，并復制其中的HTML代碼。然后，我們可以在本地的文本編輯器中創建一個新文件，在其中將剛才復制的HTML代碼粘貼進去。這樣就實現了將.vue文件保存為HTML文件的目的。

另外，Vue CLI還提供了一個更簡單的方法：在.vue文件所在的目錄下創建一個文件叫做vue.config.js，并將以下代碼復制進去：

module.exports = {
publicPath: '',
outputDir: 'dist',
chainWebpack: config =>{
config.module
.rule('vue')
.use('vue-loader')
.tap(options =>{
options.compilerOptions.preserveWhitespace = true
return options
})
}
}

以上代碼是Vue CLI的配置文件，其中preserveWhitespace的值設為true即可實現保存.vue文件未被編譯過的內容。這種方法不需要復制粘貼代碼，大大簡化了操作過程。

最后，我們可以總結一下，并提供一些使用Vue保存未編譯文章的實用技巧。例如，如果我們需要在 Vue 項目中使用 Markdown 語法的時候，可以使用一個叫做Vue-Markdown的插件。Vue-Markdown可以幫助我們將Markdown文件編譯為HTML文件，并且支持類似于代碼高亮、自動目錄、無序列表等功能。另外，我們也可以選擇使用插件vue-template-loader或vue-loader，這些插件可以讓我們在Vue中使用模板引擎，使得我們能夠更方便靈活地操作HTML文件。

總之，在Vue項目開發中，保存未被編譯的文章是一個比較常見的需求。無論是使用Vue CLI，還是使用Vue-Template-Loader或者Vue-Loader插件，我們都可以以最簡單的方式來完成這項工作。