Vue.js

来自开放百科 - 灰狐
(版本间的差异)
跳转到: 导航, 搜索
(项目)
(图集)
第45行: 第45行:
 
image:vuejs-lifecycle.png|生命周期
 
image:vuejs-lifecycle.png|生命周期
 
image:vuex.png|vuex
 
image:vuex.png|vuex
 +
image:vue-ssr.png|SSR
 
</gallery>
 
</gallery>
  

2018年10月19日 (五) 03:03的版本

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 Awesome.png

文档

图集

链接

分享您的观点
个人工具
名字空间

变换
操作
导航
工具箱