VueJS(5)---初步练习(5题)

来源:互联网 发布:55开衣服的淘宝店 编辑:程序博客网 时间:2024/06/16 03:37
<%@ 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入门
—————————————————————————————————————————————————–

原创粉丝点击