Vue.js学习

前言

最近在看Vue.js相关的东西,比如说vue-routervuex,还有基于Vue.js的前端UI框架Element-UIiview

Vue router

其中,Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:

  • 嵌套的路由/视图表
  • 模块化的、基于组件的路由配置
  • 路由参数、查询、通配符
  • 基于 Vue.js 过渡系统的视图过渡效果
  • 细粒度的导航控制
  • 带有自动激活的 CSS class 的链接
  • HTML5 历史模式或 hash 模式,在 IE9 中自动降级
  • 自定义的滚动条行为 关于vue router的使用,可以开始起步或尝试一下官方的示例 (查看仓库的 README.md 来运行它们)。

Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。 Vuex中的核心概念有:State、Getter、Mutation、Action、Module,下面的图展示了Vuex的状态管理:

Element-UI

Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助网站快速成型,由饿了么前端开发。

手册目录

iview ui

iview ui是一套基于 Vue.js 的高质量UI 组件库

关于iView

iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。

1.特性
  • 高质量、功能丰富
  • 友好的 API ,自由灵活地使用空间
  • 事无巨细的文档
  • 细致、漂亮的 UI
  • 使用单文件的 Vue 组件化开发模式
  • 基于 npm + webpack + babel 开发,支持 ES2015
  • 安装 #
2.安装

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>

参考资料

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Win7下VS2008安装cocos2d-2.0-x-2.0.4模板时, 运行InstallWizardForVS2008.js文件执行失败的解决办法

      今天在Win7环境下的VS2008中安装cocos2d-x模板的过程中,当点击InstallWizardForVS2008.js时,弹出“ 没有文件扩...

    ccf19881030
  • CentOS6.4下使用默认的文档查看器打开PDF文档乱码的解决方案

       最近在CentOS6.4下使用其默认的文档查看器打开PDF文档时出现乱码的方块,有两种方法可以解决。

    ccf19881030
  • Windows下使用VS2013编译使用SDL库

    Simple DirectMedia Layer是一个跨平台开发库,旨在通过OpenGL和Direct3D提供对音频,键盘,鼠标,操纵杆和图形硬件的低级访问。 ...

    ccf19881030
  • JavaScript前端学习有哪些项目可以练习

    构建这个应用时,你将使用相对较新的Hooks API来提升你的React技能。示例项目利用了React组件、许多Hooks、一个外部api,当然还有一些CSS样...

    加米谷大数据
  • 巧了,敢不敢跟我撸Vue

    本文编辑 : Jack 风 编程工具 : Vscode 阅读时长 : 6分钟

    DataScience
  • vue.js快速上手

      Vue.js是一个构建数据驱动的web界面的库。技术上,它重点集中在MVVM模式的ViewModel层,因此它非常容易学习,非常容易与其它库或已有项目整合。

    笔阁
  • Vue 大法好

    ? Vue 大法好, Vue 作为前端开发语言,真的是覆盖全面,前端,移动端,桌面端,端端渗透。而且越来越多的项目都采用 Vue 开发,现在连微信小程序都有了...

    非著名程序员
  • 2018年九个很受欢迎的vue前端UI框架

    最近在逛各大网站,论坛,SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,小编自己也趁着这个大前端的热潮,着手学习了一...

    祈澈菇凉
  • Vue CLI使用

    如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI。如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI,使用Vue.js开...

    说故事的五公子
  • 基于云开发开发 Web 应用(一):项目介绍 & 初始化

    Linux 中国曾在过去的 1 年内运行了一个 TL;DR 的中国版。不过当时做的版本是小程序的版本,一直以来,受限于小程序·云开发没有 Web SDK ,因此...

    白宦成

扫码关注云+社区

领取腾讯云代金券