<html>
head>
script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scriptstyle>
.active {
border: 1px solid red;
}
</>
bodydiv id="app">
h2 v-bind:title="pTitle">测试内容h2:title="pTitle + '!!!'"v-bind:class="isActive?'active':''" @click="toggleActive">这是内容="{active:isActive}"div
var app = new Vue({
el: '#app',data: {
pTitle: '这是标题',isActive: false,},methods: {
toggleActive: function () {
this.isActive = !this.isActive;
}
},})
>
服务热线 19970861797
