VueJS(5)---初步练习(5题)
来源:互联网 发布:55开衣服的淘宝店 编辑:程序博客网 时间:2024/06/16 08:01
<%@ page contentType="text/html;charset=UTF-8" language="java" %><script src="https://unpkg.com/vue"></script><html><head> <title>Title</title></head><body>-----------------------------------------------------<div id="app"> {{message}}</div>-----------------------------------------------------<div id="app2"> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </span></div>-----------------------------------------------------<div id="app3"> <p v-if="seen">现在你看到我了</p></div>-----------------------------------------------------<div id="app4"> <p v-for="item in todos"> {{item.text}} </p></div>-----------------------------------------------------<div id="app5"> <p>{{ msg }}</p> <button v-on:click="reverseMsg">返转消息</button></div>-----------------------------------------------------<script type="application/javascript"> /*声明*/ var app = new Vue({ el:"#app", data:{message:"hello vue"} }) /*渲染*/ var app2 = new Vue({ el:"#app2", data:{ message:'页面加载于 ' + new Date().toLocaleString() } }) /*条件*/ var app3 = new Vue({ el:"#app3", data:{ seen:true } }) /*循环*/ var app4 = new Vue({ el:"#app4", data:{ todos:[ {text:'study vue'}, {text:'study java'}, {text:'study nodejs'} ] } }) /*处理用户输入*/ var app5 = new Vue({ el:"#app5", data:{ msg: 'Hello Vue.js!' }, methods:{ reverseMsg:function () { this.msg = this.msg.split('').reverse().join(''); } } })</script></body></html>
—————————————————————————————————————————————————–
java架构师项目实战,高并发集群分布式,大数据高可用视频教程,共760G
下载地址:
https://item.taobao.com/item.htm?id=555888526201
01.高级架构师四十二个阶段高
02.Java高级系统培训架构课程148课时
03.Java高级互联网架构师课程
04.Java互联网架构Netty、Nio、Mina等-视频教程
05.Java高级架构设计2016整理-视频教程
06.架构师基础、高级片
07.Java架构师必修linux运维系列课程
08.Java高级系统培训架构课程116课时
+
hadoop系列教程,java设计模式与数据结构, Spring Cloud微服务, SpringBoot入门
—————————————————————————————————————————————————–
阅读全文
0 0
- VueJS(5)---初步练习(5题)
- vuejs(5)
- VueJs入门练习
- Vuejs——(5)v-on
- Vuejs——(5)v-on
- vueJs
- vuejs
- VueJS
- vuejs
- vueJS
- vuejs
- vuejs
- 多线程初步练习
- python 初步练习
- H5的初步练习
- java反射的初步练习
- 练习9(数论初步)
- jQuery插件开发初步练习
- Effect(十四)—— EffectManager
- SQL case when 遇到null值时的解决办法
- 解决tomcat端口被占用的问题
- 金蝶EAS 弹出消息框
- 面试题39:二叉树的深度
- VueJS(5)---初步练习(5题)
- Junit测试Controller(MockMVC使用)
- Unity3d 编辑器扩展系列-HideInInspector的使用
- Spring Cloud Feign客户端无法找到可用的服务。
- 使用 D3.js 进行简单的数据可视化--折线图
- 【Maven】构建生成Maven项目
- hive中的排序和分组
- 从网络安全大数据查看SSL证书紧迫性
- linux-xargs