Vue简单说明

什么是 Vue.js 😃

目标: 通过尽可能简单的API实现响应的数据绑定和组合视图组件
vue.js是一套构件用户界面的渐进式框架,Vue的核心库只关注视图层,所以容易学习,容易与其他库/开发项目整合.Vue可以采用单文件组件和vue生态系统支持的库开发复杂单页应用.

简单使用:

1 ,插值 :

1. 用特殊的模板语法 {{ }} 将其渲染出来（声明式渲染）
2. 纯html
3. 表达式

2, 指令:

带有v- 前缀的特殊属性
一些指令可以缩写

3,构造器:

var vm = new Vue({
	//
})

没有完全遵循MVVM模式,但在文档中经常会使用 vm 这个变量名表示 Vue 实例

在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项

4,属性 与 方法:

每个 Vue 实例都会代理其 data 对象里所有的属性：

var data = { a: 1 }
var vm = new Vue({
  data: data
})
vm.a === data.a // -> true
// 设置属性也会影响到原始数据
vm.a = 2
data.a // -> 2
//  反
data.a = 3
vm.a // -> 3

只有这些被代理的属性是响应的,如果在实例创建之后添加新的属性到实例上，它不会触发视图更新

除了 data 属性， Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $，是为了方便与代理的 data 属性区分

5,计算属性

任何复杂逻辑，你都应当使用计算属性
也可以通过调用表达式中的method来达到同样的效果

两种方式是相同的
不同的是计算属性是基于它的依赖缓存。

计算属性只有在它的相关依赖发生改变时才会重新取值。这就意味着只要 msg没有发生改变，多次访问 reversedmsg 计算属性会立即返回之前的计算结果，不必再次执行函数

相比而言，每当重新渲染的时候，method 调用总会执行函数。

如果你不希望有缓存，就用 method 。

6, 计算属性 与 Watched Property

Vue.js 有一个方法: $watch ，它用于观察 Vue 实例上的数据变动。不过，通常更好的办法是使用计算属性而不是一个命令式的 $watch 回调函数;

                                         未完.....