<!--
* @Author: your name
* @Date: 2020-10-23 21:35:07
* @LastEditTime: 2020-10-25 22:35:35
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \demo\vue-demo1\01.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>山羊</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<style>
*{
margin: 0;padding: 0;
}
.s{
background-color: aquamarine;
}
.g{
font-size: 30px;
}
</style>
<body>
<div id="app">
{{user_data}}
<!-- <div class="s g">测试</div> -->
<div :class="[iss,isg]">测试</div>
<!-- <div :class="{g:isg}">测试</div> -->
</div>
</body>
<script>
var app = new Vue({
el:'#app',
data:{
user_data:'我爱你',
// isg:true,
isg:'g',
iss:'s',
}
});
</script>
</html>
vue第一天绑定class
最新推荐文章于 2023-07-02 10:37:24 发布