zoukankan      html  css  js  c++  java
  • 使用vue配合组件--转载

    1、由饿了么 UED (知乎专栏)设计的桌面端组件库已经开源,文档:Element,仓库: GitHub - ElemeFE/element: Desktop UI elements for Vue.js 2.0。这套组件库是基于 Vue 2 的,我们也希望大家开始使用 Vue 2,一起来丰富它的生态圈。
    2、下面提到的移动端组件都被整合进了 Mint UI,仓库在 GitHub - ElemeFE/mint-ui: Mobile UI elements for vue.js

    饿了么。
    从去年开始,有越来越多的项目在使用 vue。这些项目里面,有桌面端(比如 饿了么安全应急响应中心)也有移动端(比如 饿了么招聘),有面向用户的,也有后台系统。
    实践方案的话,vue + webpack + vue-router + vue-resource。
    就我个人而言,vue 的开发体验还是比较愉悦的。首先,文档非常友好,所以上手会比较快。其次,配合 webpack 和 vue-loader,每个页面都是一个 .vue 文件,写起来很方便。另外,适合做组件化开发(每个组件也是一个 .vue 文件,可以全局或者在需要的地方引入),如果遇到比较复杂的、父子组件间需要频繁通信的场景,可以用 vuex 搞定。
    在写业务的过程中,团队的同事们抽象了很多公共组件出来,开源在 github (饿了么前端 · GitHub)上,大家有兴趣的话可以去试一试。这里我把这些组件分类介绍一下:

    • 移动端:

    vue-swipe:https://github.com/ElemeFE/vue-swipe
    幻灯片组件

    vue-infinite-scroll:https://github.com/ElemeFE/vue-infinite-scroll
    无限滚动,可以实现向下的无限加载。是一个 directive

    vue-loadmore:https://github.com/ElemeFE/vue-loadmore
    下拉加载和上拉加载。是一个 component

    vue-toast-mobile:https://github.com/ElemeFE/vue-toast-mobile
    toast 组件

    vue-indicator:https://github.com/ElemeFE/vue-indicator
    indicator 组件,提示用户正在加载,自带 modal

    vue-msgbox:https://github.com/ElemeFE/vue-msgbox
    弹出框组件

  • 相关阅读:
    常见面试题1
    勒索病毒防范方法
    VMware虚拟机打开后不兼容
    win10桌面显示我的电脑设置
    scala集合和Java集合对应转换操作
    scala中使用redis
    爬虫调研
    hadoop命令
    IDEA打jar包
    spark.mllib
  • 原文地址:https://www.cnblogs.com/binmengxue/p/6835652.html
Copyright © 2011-2022 走看看