<!DOCTYPE html>
<html>
<body>
<div id="app">
<p>
<a v-for="href" v-once="Nav">msg </a>
</p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const vm = Vue.createApp({
data() {
return {
Nav: [
{
href: file:////news msg: 新闻}
{
href: file:////video msg: 图书}
{
href: file:////video msg: 视频}
]
}
}
}).mount('#app')
</script>
</body>
</html>
改正
<!DOCTYPE html>
<html>
<style>
a {
margin: 40px;
}
</style>
<body>
<div id="app">
<p>
<a v-for="nav in navs" :href="nav.url" v-once>{
{
nav.name }} </a>
</p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const vm = Vue.createApp({
data() {
return {
navs: [
{
name: '新闻', url:'/news'},
{
name: '图书', url:'/books'},
{
name: '视频', url:'/video'}
]
}
}
}).mount('#app')
</script>
</body>
</html>