Vue.js最简单的代码

最新推荐文章于 2023-05-04 20:44:41 发布

转载最新推荐文章于 2023-05-04 20:44:41 发布 · 178 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gaxy/p/10075768.html

文章标签：

#javascript #ViewUI

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue.js的入门</title>

<script type="text/javascript" src="../jss/vue.js"></script>
<script type="text/javascript">

window.onload = function(){

   var app = new Vue({
    // el属性用来绑定元素节点
    el:"#app",
    // data属性用来绑定数据
    data:{
     message:"Hello World"
    }
   });

// 建立vue对象
var app2 = new Vue({

el:"#app2",

data:{

     message:"页面加载中"+new Date().toLocaleString+"今天心情真好!"
    }
   });

}
</script>
</head>
<body>
<div id="app">

{{message}}
</div>

<div id="app2">

<span v-bind:title="message">
请让鼠标悬停几秒钟，来观看这个页面刷新的时间
</span>
</div>

<a href="#" title="这是一个空链接">点击我</a>

</body>
</html>

转载于:https://www.cnblogs.com/gaxy/p/10075768.html