vue.js helloword

最新推荐文章于 2024-02-14 16:53:09 发布

weixin_30695195

最新推荐文章于 2024-02-14 16:53:09 发布

阅读量104

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/NISUN/p/9156379.html

版权

下载https://vuejs.org/js/vue.js （复制粘贴也行）

　　新建html

　　引入vue

　　　　　　<p>{{temple}}</p>
　　　　</div>
　　</body>
　　<script>
　　　　var app = new Vue({

　　　　　　//所要应用区域的id
　　　　　　el:"#app",

　　　　　　//需要操作的数据
　　　　　　data:{
　　　　　　　　temple:'helloword'
　　　　　　　　}
　　　　　　})
　 </script>
</html>

运行成功

v-model 的绑定（实现数据的多处显示联动）

<html>
　　<head>
　　　　<meta charset='utf-8'>
　　　　<title></title>
　　</head>
　　<script src="vue.js" type="text/javascript"></script>
　　<body>
　　　　<div id="app">
　　　　　　<p>{{message}}</p>
　　　　　　<input v-model="message"/>
　　　　</div>
　　</body>
　　<script>
　　　　var app = new Vue({
　　　　　　el:'#app',
　　　　　　data:{
　　　　　　　　message:"2000"
　　　　　　　　}
　　　　});
　　</script>
</html>