Vue.js

2018年10月19日 (五) 07:41的最后版本

Vue.js：渐进式 JavaScript 框架

[编辑] 简介

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

[编辑] 功能

Vue.js对比其他框架

• 指令 (Directives) 是带有 v- 前缀的特殊特性。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。
• Vue 通过 v-model 指令轻松实现表单输入和应用状态之间的双向绑定。
• v-bind:style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。如：

data: {
  styleObject: {
    color: 'red',
    fontSize: '13px'
  }
}

• 混入 (mixins) 是一种分发 Vue 组件中可复用功能（Vue.extend）的非常灵活的方式，类似java extends。

[编辑] 指南

hello.html

<div id="app">
   {{ message }}
 </div>

hello.js

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

[编辑] 项目

Awesome Vue.js

• vuejs-templates
• nuxt 应用框架
• vuex 状态管理
• Vuetify Material Design Component Framework
• made with vue.js

[编辑] 文档

[编辑] 图集

• 

  生命周期

• 

  vuex

• 

  SSR

• 

  Nuxt视图

[编辑] 链接

• Vue.js官网