Vue使用腳手架可以更方便地創(chuàng)建和開發(fā)組件。Vue-cli是一種官方腳手架工具，在創(chuàng)建Vue項目時自動集成、安裝各種插件和工具。Vue-cli的默認選項可以創(chuàng)建簡單的Vue項目，同時也支持使用webpack插件和Babel等工具進行自定義的配置。

在Vue腳手架中，組件是一個可復(fù)用、可組合的Vue實例，擁有自己的模板、數(shù)據(jù)和行為。Vue-cli提供的組件可以讓我們更加高效地構(gòu)建和管理復(fù)雜的應(yīng)用。其中，autoprefixer插件可以自動為CSS添加前綴，stylus插件可以使我們使用類似CSS的語法書寫樣式，并在構(gòu)建時將其轉(zhuǎn)換成CSS。

< template >
< div >
< h1 > {{ title }} < /h1>
< p > {{ content }} < /p>
< button @click = "onClick"> {{ buttonText }} < /button>
< /div>
< /template>
< script >
export default {
name: "MyComponent",
props: {
title: String,
content: String,
buttonText: String,
},
methods: {
onClick() {
console.log("Button clicked!");
},
},
};
< /script>

上述代碼為一個簡單的Vue組件示例，包含一個button元素和一個onClick方法。在Vue-cli中，我們可以使用如下命令行創(chuàng)建一個新的Vue項目：

vue create my-project

之后，在/src/components/目錄下添加MyComponent.vue文件，將上述代碼粘貼進去即可?？梢酝ㄟ^在其他組件的模板中引入MyComponent來使用它，如：

< template >
< div >
< MyComponent title = "Hello" content = "VueJS" buttonText = "Click me!" / >
< /div >
< /template >

這樣，您就可以在Vue應(yīng)用中使用MyComponent組件了。使用Vue腳手架和組件，可以大大提升開發(fā)效率，同時也增加了代碼的可維護性和可復(fù)用性。