欢迎大家赞助一杯啤酒🍺 我们准备了下酒菜:Formal mathematics/Isabelle/ML, Formal verification/Coq/Agda, C++/Erlang/Lisp
Vue.js
来自开放百科 - 灰狐
(版本间的差异)
小 (→功能) |
小 (→项目) |
||
(未显示1个用户的5个中间版本) | |||
第17行: | 第17行: | ||
} | } | ||
} | } | ||
− | * | + | *混入 (mixins) 是一种分发 Vue 组件中可复用功能(Vue.extend)的非常灵活的方式,类似java extends。 |
==指南== | ==指南== | ||
第35行: | 第35行: | ||
==项目== | ==项目== | ||
[https://github.com/vuejs/awesome-vue Awesome Vue.js] [[文件:awesome.png]] | [https://github.com/vuejs/awesome-vue Awesome Vue.js] [[文件:awesome.png]] | ||
+ | *[https://github.com/vuejs-templates vuejs-templates] | ||
*[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 | ||
+ | *[https://madewithvuejs.com/ made with vue.js] | ||
==文档== | ==文档== | ||
第44行: | 第47行: | ||
image:vuejs-lifecycle.png|生命周期 | image:vuejs-lifecycle.png|生命周期 | ||
image:vuex.png|vuex | image:vuex.png|vuex | ||
+ | image:vue-ssr.png|SSR | ||
+ | image:nuxt-views-schema.png|Nuxt视图 | ||
</gallery> | </gallery> | ||
2018年10月19日 (五) 07:41的最后版本
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
- made with vue.js
[编辑] 文档
[编辑] 图集
[编辑] 链接
分享您的观点