<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
.tab{
background-color: #999;
}
.title{
color: #4353ab;
}
</style>
<body>
<div id="app"></div>
<template id="my-app">
<h2 :class="['tab', title]">{{message}}</h2>
</template>
</body>
<script src="https://unpkg.com/vue@next"></script>
<script>
const App = {
template: '#my-app',
data() {
return {
message: "hello word!",
title: 'title'
}
}
}
Vue.createApp(App).mount('#app');
</script>
</html>
0
点赞
收藏
分享
Vue3属性模板[范例]
相关推荐
0 条评论
