第一个Vus.js
2024-09-01 15:38:22
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一个Vue.js</title>
<!--<script src="vue.js"></script>-->
<script src="https://unpkg.com/vue"></script>
</head>
<body> <div id="vue-app">
<h1>{{ name }}</h1>
<p><h1>{{ greet("花花世界") }}</h1></p>
<h1><a v-bind:href="urla">ViewModel DOM Listeners Data Bindings</a></h1>
<p><input type="text" v-bind:value="name"/></p>
<p v-html="websiteTag"></p>
<a href="https://unpkg.com/vue">aa</a>
</div> <script> new Vue({
el:"#vue-app",
data:{
name:"米开朗琪罗",
age:1800,
urla:"http://www.baidu.com",
websiteTag:"<a href='http://www.baidu.com'>百度</a>",
},
methods:{
greet:function(time){
return "Good"+time+";"+this.name+",age:"+this.age;
}
}
}); </script> <!--${ pageContext.request.contextPath}--> </body>
</html>
最新文章
- 高德携手阿里云发布“LBS云”,账户打通只是第一步
- spring-mvc.xml中的配置
- bundle与package区别与联系
- Windows下移动MariaDB数据目录 (转!)
- redis3.0 集群实战2 - 集群功能实战
- Objective-C设计模式——抽象工厂模式Abstract Factory(对象创建)
- 关于ligerui和其他前端脚本的学习方法(适用于自己)
- C#高级知识点概要(3) - 特性、自动属性、对象集合初始化器、扩展方法、Lambda表达式和Linq查询
- Log4j配置文件内容详解
- 【原】无脑操作:IDEA热部署设置
- Spring 框架
- vue中keep-alive使用时,注意要点
- 2019-oo-第二次总结
- BZOJ 3687: 简单题 bitset
- Jenkins关闭和重启实现方式.
- Generative Adversarial Nets[pix2pix]
- 【题解】Luogu CF343D Water Tree
- drone 1.0 新的定时任务界面&;&;构建任务支持重启
- [转]CSS浏览器兼容问题总结
- javascript深度克隆对象