今天我給大家介紹一個基于Vue框架的demo頁面，這個頁面展示了如何使用Vue創(chuàng)建一個簡單的列表。這里是相關(guān)代碼：

<template>
<div>
<h3>Vue List</h3>
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
items: ['Item 1', 'Item 2', 'Item 3']
}
}
}
</script>

在這個頁面中，模板(template)部分定義了顯示的內(nèi)容，這里是一個<div>元素，它包含一個標(biāo)題(<h3>)和一個無序列表(<ul>)。列表的內(nèi)容使用了Vue的指令(v-for)來進(jìn)行循環(huán)遍歷，每一個遍歷的對象都綁定在了一個名為“item”的變量上。

而在腳本(script)部分，我們使用了Vue的data屬性來定義了一個名為“items”的變量，并將其綁定在了模板部分的數(shù)據(jù)中，這個變量包含了一個字符串?dāng)?shù)組。

最后，我們需要將這個組件導(dǎo)出(export)并在Vue的根實例中使用。這個頁面就完成了。通過運行這個組件，我們便可以在頁面上看到我們定義的列表。