码迷,mamicode.com
首页 > Web开发 > 详细

vue.js学习第一节

时间:2017-01-30 23:32:18      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:过程   --   inf   htm   blog   表达   绑定   script   对象   

 1 <div id="app" class="app">
 2       <p>{{ message }}</p>
 3       <p>{{ info }}</p>
 4     <!-- 等价于下面的写法-->
 5       <div v-html="message"></div>
 6       <div v-html="info"></div>
 7 </div>
 8 <script src="js/vue.js"></script>
 9 <script>
10     new Vue({
11           el: .app,  // #app也是可以的
12           data: {
13             message: hello The World,
14             info:我是九九
15           }
16     })        
17 </script>

在看vue.js的API的过程中,我发现在选择作用对象时,只提及了#app,我就想通过.app可以不呢?结果一试也可以。

对于data对象中变量的引用也是提供了两种方法。一:数据绑定最常见的形式就是使用{{}}的文本插值;二:使用v-html指令用于输出htm代码。

另外,指令是带有v-前缀的特殊属性,用于在表达式的值改变时,将某些行为应用到DOM上。

vue.js学习第一节

标签:过程   --   inf   htm   blog   表达   绑定   script   对象   

原文地址:http://www.cnblogs.com/ls99/p/6358463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!