首页 > 代码库 > vue.js学习第一节
vue.js学习第一节
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学习第一节
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。