Vue.js Notes

Vue.md

Vue.js: Reactive Components for Modern Web Interfaces

---

资料：

• 官方文档 API
• awesome-vue: A curated list of awesome things related to Vue.js
• Vue.js on GitHub:
• vue-devtools: Chrome devtools extension for debugging Vue.js applications.
• json-server: Get a full fake REST API with zero coding
• Vue.js 作者在知乎的回答
• Vue.js 入门教程 Slides
• Webpack傻瓜式指南
• 前端工程化经验谈

---

Vue Project Scaffold: vue-cli

npm install -g vue-cli
vue init webpack [project-name]

Vue 项目常用库：

• vuex: Flux-inspired Application Architecture for Vue.js.
• vue-router: The official router for Vue.js
• vue-resource: The HTTP client for Vue.js
• vue-i18n: Internationalization plugin of Vue.js
• vue-i18n: A small package for implementing translations in Vue.js
• jQuery: a fast, small, and feature-rich JavaScript library.
• Bootstrap: the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
• Font-Awesome: The iconic font and CSS toolkit

For select:

• vue-multiselect

For sortable:

• vue-sortable
• Sortable

For gallery:

• lightgallery.js: Full featured JavaScript image & video gallery.

For table:

• vue-tables

For datetimepicker:

• flatpickr
• vue-admin Datepicker

For Spreadsheet:

• handsontable

For Charts:

• Chart.js
• vue-chartjs: VueJs wrapper for ChartJs

For Format input:

• [cleave.js](Format input text content when you are typing)
• vue-admin Form

For File uploading:

• fine-uploader

For Map:

• Leaflet: JavaScript library for mobile-friendly interactive maps

For Mobile:

• vux: Mobile web UI Components based on Vue and WeUI.

候选的 Vue 第三方库：

• vue-loading: vue directive, show loading block in any element
• fine-uploader

vue-router: 设置了 history 为 false, 表示在使用 hash 模式，这意味着 hash 被用来代表你的应用路由状态，里面不能再包含锚点。

via click

https://github.com/lain-dono/vue-dnd: DnD (drag and drop) plugin for Vue.js

vue-dragula: https://github.com/MarcErdmann/vue-dragula

vue-lazyload
bLazy.JS is a lightweight pure JavaScript script for lazy loading and multi-serving images.

VueJS zoom-on-hover component

timeago.js

vue-markdown

Vue2.1.7源码学习

https://alligator.io/vuejs/jsx-render-functions/

Vue 的单元测试探索

Native-Like Animations for Page Transitions on the Web