Vue.js入门

Vue.js 介绍

  Vue.js 是一套构建用户界面的渐进式框架。

  Vue 只关注视图层，采用自底向上增量开发的设计。

  Vue 的目标是通过尽可能简单的API 实现响应的数据绑定和组合的视图组件。

  vue.js 在设计上也使用MVVM 模试

  

 

vuejs快速入门

1 第1个vuejs实现

 

使用双大括号（ Mustache 语法）“ ｛｛｝｝ ”是最基本的文本插值方法，它会自动将我们双向绑

定的数据实时显示出来，

如：

    
    
    


{{ message }}

结果： Hello Vue.js!

2 每个 Vue 应用都需要通过实例化 Vue 来实现

语法格式如下：

var vm = new Vue({
  // 选项
})

3 如何定义数据对象

    
    
    




    
用户名 : {{name}}
    
帐号 : {{accounts}}

结果：

用户名 : 小李

帐号 : xli

 

4 Vue 的生命周期比较常用的有：

create 实例创建完成后调用，此阶段完成了数据的观测等，但尚未挂载，$el 还不可用

mounted el挂载到实到上后调用，一般我们的第一个业务逻辑会在这里开始。
beforeDestroy 实例销毁之前调用。