vue.js学习第一节

时间:2024-09-02 15:35:38
 <div id="app" class="app">
       <p>{{ message }}</p>
       <p>{{ info }}</p>
     <!-- 等价于下面的写法-->
       <div v-html="message"></div>
       <div v-html="info"></div>
 </div>
 <script src="js/vue.js"></script>
 <script>
     new Vue({
           el: '.app',  // #app也是可以的
           data: {
             message: 'hello The World',
             info:'我是九九'
           }
     })
 </script>

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

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

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