Markdown是一種輕量級的標記語言，它簡單易學、方便快捷，是廣大程序員、博客作者、文檔編寫者的首選。而Vue.js是一種新一代的前端框架，有著易用、高效、靈活等優點，同時也具備了許多其他框架所沒有的特性。

在Vue項目中，我們可能需要使用Markdown來展示某些內容，這時就需要將Markdown轉換成Vue組件，才能方便地在項目中使用。下面，我們來看一下如何將Markdown導入Vue項目中。

npm install marked --save

首先，我們需要使用npm安裝marked模塊，這個模塊可以將Markdown字符串轉換成HTML字符串。接著，我們就可以開始編寫Markdown到Vue組件的轉換了。

import marked from 'marked'
export default {
props: ['markdown'],
computed: {
html () {
return marked(this.markdown)
}
}
}

代碼中，我們使用了ES6的模塊化語法，從marked模塊中導入了marked函數。接著，我們定義了一個Vue組件，它的props包含了markdown屬性，表示傳入的Markdown字符串。組件中使用了computed計算屬性，返回了由marked函數將Markdown字符串轉換成的HTML字符串。

最后，我們需要在Vue項目中使用這個Markdown組件。使用方法如下：

<template>
<div class="markdown">
<markdown :markdown="content"></markdown>
</div>
</template>
<script>
import Markdown from './Markdown.vue'
export default {
data () {
return {
content: '# Hello World!\n This is a **Markdown** string in Vue.'
}
},
components: {
Markdown
}
}
</script>

在Vue項目中引入Markdown組件，并在template中使用markdown標簽，綁定了傳入的Markdown字符串。在script中，我們定義了一個data屬性，用來存儲傳入的Markdown字符串。最后，我們將Markdown組件注冊為Vue的全局組件，即可在項目的任何位置使用這個組件了。