效果图如下:
学习目前用到了v-bind,v-if,v-else,v-html插入子节点,v-for循环,v-model,v-on,filter过滤器,watch属性监测等知识
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<style type="text/css">
#app .change{
background: black;
color: white;
}
#app .rec{
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div id="app">
<div v-if="seen" v-bind:class="{'change':change}">test</div>
<a v-bind:href="url">4399小游戏</a>
<div v-html="message"></div>
样式改变:<input type="checkbox" name="" v-model="change&