最近在看Vue.js相关的东西,比如说vue-router、vuex,还有基于Vue.js的前端UI框架Element-UI和iview
其中,Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。 Vuex中的核心概念有:State、Getter、Mutation、Action、Module,下面的图展示了Vuex的状态管理:
Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助网站快速成型,由饿了么前端开发。
iview ui是一套基于 Vue.js 的高质量UI 组件库
iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。
1.使用 npm
$ npm install iview@1.0.1 --save
或使用
<script type="text/javascript" src="iview.min.js"></script>
2.示例
<template>
<Slider :value.sync="value" range></Slider>
</template>
<script>
export default {
data () {
return {
value: [20, 50]
}
}
}
</script>