class 绑定的数据对象不必内联定义在模板里
2024-10-06 09:45:32
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.active{
color: red;
}
.active2{
background: yellow;
}
</style>
</head>
<body>
<!--mvvm里面的v-->
<div id="app">
<div :class="setClass">
你好
</div>
</div>
<script src="./node_modules/vue/dist/vue.js"></script>
<script >
//这是mvvm里面的vm
var vm=new Vue({
el:'#app',
//这是mvvm里面的m
data:{
setClass:{
active:true,
active2:true
}
}
})
</script> </body>
</html>
最新文章
- json
- flash flex 程序出现错误 Error #2032
- URI和URL、URN区别
- linux service命令解析
- iOS使用webView 加载网页,在模拟器中没有问题,而真机却白屏了。App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can be configured via your app&#39;s Info.plist f
- Express ejs 3.* layout.ejs
- 一次蜿蜒曲折的RFID破解之路
- PHP soap Web Service 使用SoapDiscovery.class.php 生成wsdl文件
- windows win7 win10 多系统启动菜单 多系统引导设置
- OOP 6大基本原则
- listview自定义背景以及item自定义背景
- 修改Oracle XE Listener 占用的1521、8080端口
- 9、JavaScript常用函数
- 认识volatile的工作原理
- 【问题解决:Mysql操作容量限制问题】Error updating database. Cause: com.mysql.jdbc.PacketTooBigException: Packet for query is too large (1082 >; 1024)
- JAVA框架 Spring AOP注解
- 查看JAVA的class二进制文件的方法
- R语言 data.frame 大全
- 「GXOI / GZOI2019」与或和
- centos7.2下caffe的安装及编译