欢迎大家赞助一杯啤酒🍺 我们准备了下酒菜:Formal mathematics/Isabelle/ML, Formal verification/Coq/ACL2, C++/F#/Lisp
Vue.js
来自开放百科 - 灰狐
(版本间的差异)
小 (→图集) |
小 (→项目) |
||
第38行: | 第38行: | ||
*[https://github.com/nuxt/nuxt.js nuxt] 应用框架 | *[https://github.com/nuxt/nuxt.js nuxt] 应用框架 | ||
*[https://github.com/vuejs/vuex vuex] 状态管理 | *[https://github.com/vuejs/vuex vuex] 状态管理 | ||
+ | *[https://vuetifyjs.com Vuetify] [[Material Design]] Component Framework | ||
==文档== | ==文档== |
2018年10月19日 (五) 07:37的版本
Vue.js:渐进式 JavaScript 框架
目录 |
简介
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
功能
- 指令 (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!' } })
项目
- vuejs-templates
- nuxt 应用框架
- vuex 状态管理
- Vuetify Material Design Component Framework
文档
图集
链接
分享您的观点