vue.js 总结

1.  https://cn.vuejs.org/v2/guide/#起步

    Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

概念： 渐进式框架 ，自底向上增量开发的设计， 只关注视图层。

渐进式框架：在我看来，渐进式代表的含义是：主张最少。每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。

自底向上增量开发：自底向上设计是一种设计程序的过程和方法，就是先编写出基础程序段，然后再逐步扩大规模、补充和升级某些功能，实际上是一种自底向上构造程序的过程。

特征：

1. 声明式渲染

1. {{ message }}
2. v-bind:title="message"

2. 指令

指令带有前缀 v-，以表示它们是 Vue 提供的特殊属性。可能你已经猜到了，它们会在渲染的 DOM 上应用特殊的响应式行为。

3. 组件化应用构建

组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。

实例

每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的。

数据与方法

1. 数据：响应式系统（单向绑定和双向绑定）

    当这些数据改变时，视图会进行重渲染。值得注意的是只有当实例被创建时 data 中存在的属性是响应式的。

2.实例方法（this 或者 var vue = new Vue()）：

    Vue 实例暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来。

2. 实例生命周期

详解：  浅谈Vue的生命周期模型

3. 模板语法

    v-bind -> :

    v-on -> @

4. 计算属性

    还是属性~

computed: {
  // 仅读取，值只须为函数
  aDouble: function () {
    return this.a * 2
  },
  // 读取和设置
  aPlus: {
    get: function () {
      return this.a + 1
    },
    set: function (v) {
      this.a = v - 1
    }
  }
}

5. 组件

1. 组件组合
2. 在 Vue 中，父子组件的关系可以总结为： prop 向下传递，事件向上传递。        
3. 非 Prop 特性
4. 自定义事件
5. 自定义组件的 v-model
6. 非父子组件的通信

6. 深入响应式原理

1. 如何追踪变化
2. 检测变化的注意事项

 

 

 

 

 

转载于:https://my.oschina.net/u/3261932/blog/1557055