006——VUE中的内容与属性中使用javascript表达式的方法
2024-09-01 21:05:47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内容与属性中使用javascript表达式的方法</title>
<script src="vue.js"></script>
</head>
<body>
<style>
.hd1{ color: red;}
.hd2{ color: green}
</style>
<div id="hdcms">
<h1 v-once="">{{n}}</h1>
{{n+3}}
<h1 :class="'hd'+n">你好,中国</h1>
<input type="text" v-model="n"/>
<br>
<input type="radio" v-model="n" value="1">红色
<input type="radio" v-model="n" value="2">绿色
</div>
<script>
var app = new Vue({ //生成对象的方式
el: "#hdcms", //el:是元素
data:{ //data:数据
n:1
}
});
</script> </body>
</html>
最新文章
- 蜕变&#183;WebRebuild 2013 前端年度交流会邀请
- FMDB最简单的教程-3 清空数据表并将自增字段清零
- IOS开发之—— ShareSDK的使用
- JAVA基础知识之多线程——线程池
- solr5.5教程-tomcat布署(2)
- 远程DLL注入
- 怎么监视跟踪一个进程(Process)中的MS Unit Test DLL的详细性能(performance)【asp.net C#】
- gprof
- React服务器渲染最佳实践
- linux上快速搭建宝塔面板来操作便捷功能
- win10下caffe安装与mnist测试实验注意点
- linux磁盘管理系列二:软RAID的实现
- Unity shader学习之屏幕后期处理效果之高斯模糊
- output.filename 与 output.chunkFilename 的区别
- stringstream读入每行数据
- (2.13)Mysql之SQL基础——触发器
- phpredis中文手册——《redis中文手册》 php版(转)
- python函数中闭包的概念说明
- 多线程 wait和sleep区别
- GCD - Extreme(欧拉函数变形)