vue 实例化几种方式_【vue】创建实例&数据对象方法

介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动，比较适用于已了解关于 HTML、CSS 和 JavaScript 中级知识的同学。

创建实例

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的，虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。

var vm = new Vue({

// 选项

})

数据

当一个 Vue 实例被创建时，它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时，视图将会产生“响应”，更新为最新的值。但是要注意的是必须是在实例创建的时候就已经存在于data中的属性才是响应式的,如果是在创建实例后追加的属性值，那么他将得不到响应式的更新。如果你需要在创建实例后才用到某些属性值，那么可以在创建实例的开始就为他赋值为空或者其他的一个初始值。

测试vue

{ {message}}

var data = {

message : '123',

};

var vm = new Vue({

el : '#app',