四、Vue的hello world

html

    <div id="demo">
    
        {{ msg }}
    
    </div>

js

   var vm = new Vue({
        el:'#demo',
        data:{
            msg:'hello world'
        }
    })

以上代码的几点说明：

  1. html 代码中的 {{ msg }} 为数据绑定
  2. 在使用vue前，必须要通过构造器 new Vue({}) 进行实例化
  3. 每个vue实例都会代理其data和methods对象里面的属性和方法。比如：vm.$data.msg === vm.msg
  4. vue还有其他一些实例属性和方法，比如vm.$watch用来监控元素值变化的，更多请参考官方文档

如果觉得我的文章对您有用，请随意打赏。

您的支持将是我最大的动力！