vuetify框架api和doc

<p align="center"> <a href="https://vuetifyjs.com" target="_blank"> <img width="100"src="https://cdn.vuetifyjs.com/images/logos/logo.svg"> </a> </p> <p align="center"> <a href="https://travis-ci.org/vuetifyjs/vuetify"> <img src="https://img.shields.io/travis/vuetifyjs/vuetify/dev.svg" alt="travis ci badge"> </a> <a href="https://codecov.io/gh/vuetifyjs/vuetify"> <img src="https://img.shields.io/codecov/c/github/vuetifyjs/vuetify.svg" alt="Coverage"> </a> <a href="https://otechie.com/vuetifyjs"> <img src="https://api.otechie.com/consultancy/vuetifyjs/badge.svg" alt="Consulting"> </a> <a href="https://www.npmjs.com/package/vuetify"> <img src="https://img.shields.io/npm/dt/vuetify.svg" alt="Downloads"> </a> <a href="https://www.npmjs.com/package/vuetify"> <img src="https://img.shields.io/npm/dm/vuetify.svg" alt="Downloads"> </a> <br> <a href="https://codebeat.co/projects/github-com-vuetifyjs-vuetify-dev"> <img src="https://codebeat.co/badges/b2d1ce87-848b-440e-9d7e-df9883c0cd93" alt="codebeat badge"> </a> <a href="https://www.npmjs.com/package/vuetify"> <img src="https://img.shields.io/npm/l/vuetify.svg" alt="License"> </a> <a href="https://app.zenhub.com/workspace/o/vuetifyjs/vuetify/boards"> <img src="https://img.shields.io/badge/Managed_with-ZenHub-5e60ba.svg" alt="zenhub"> </a> <a href="https://community.vuetifyjs.com"> <img src="https://discordapp.com/api/guilds/340160225338195969/widget.png" alt="Chat"> </a> <br> <a href="https://www.npmjs.com/package/vuetify"> <img src="https://img.shields.io/npm/v/vuetify.svg" alt="Version"> </a> <a href="https://cdnjs.com/libraries/vuetify"> <img src="https://img.shields.io/cdnjs/v/vuetify.svg" alt="CDN"> </a> </p> <br> <h2 align="center">Supporting Vuetify</h2> <p>Vuetify is an open source MIT project that has been made possible due to the generous contributions by <a href="https://github.com/vuetifyjs/vuetify/blob/dev/BACKERS.md">community backers</a>. If you are interested in supporting this project, please consider:</p> <ul> <li> <a href="https://www.patreon.com/vuetify">Becoming a sponsor on Patreon</a> <strong><small>(supports John)</small></strong> </li> <li> <a href="https://opencollective.com/vuetify">Becoming a backer on OpenCollective</a> <strong><small>(supports the Dev team)</small></strong> </li> <li> <a href="https://tidelift.com/subscription/npm/vuetify?utm_source=vuetify&utm_medium=referral&utm_campaign=readme">Become a subscriber on Tidelift</a> </li> <li> <a href="https://paypal.me/vuetify">Make a one-time payment with Paypal</a> </li> <li> <a href="https://vuetifyjs.com/getting-started/consulting-and-support?ref=github">Book time with John</a> </li> <li> <a href="https://otechie.com/vuetifyjs">Book time with the Team</a> </li> </ul> <br> <h4 align="center"><b>Diamond Sponsors</b></h4> <table> <tbody> <tr> <td> <a href="https://careers.lmax.com/?utm_source=vuetify&utm_medium=github-link&utm_campaign=lmax-careers"> <img height="50px" src="https://cdn.vuetifyjs.com/images/backers/lmax-exchange.png"> </a> </td> <td> <a href="http://intygrate.com/?ref=vuetify-github"> <img height="50px" src="https://cdn.vuetifyjs.com/images/backers/intygrate.png"> </a> </td> <td> <a href="http://resaleai.com/?ref=vuetify-github"> <img height="50px" src="https://cdn.vuetifyjs.com/images/backers/resaleai_logo_blue.svg"> </a> </td> </tr> </tbody> </table> <h4 align="center">Palladium Sponsors</h4> <table> <tbody> <tr> <td> <a href="http://www.eikospartners.com/?ref=vuetify-github"> <img height="40px" src="https://cdn.vuetifyjs.com/images/backers/eikos-partners.png"> </a> </td> <td> <a href="https://application.rategenius.com/?ref=vuetify-github"> <img height="40px" src="https://cdn.vuetifyjs.com/images/backers/rate-genius.png"> </a> </td> <td> <a href="http://www.clearbluetechnologies.com/"> <img height="40px" src="https://cdn.vuetifyjs.com/images/backers/clear-blue.png"> </a> </td> <td> <a href="https://www.digitalmaas.com/?ref=vuetify-github"> <img height="40px" src="https://cdn.vuetifyjs.com/images/backers/digital-maas.svg"> </a> </td> </tr> </tbody> </table> <h4 align="center"><b>Open Collective Sponsors</b></h4> <a href="https://opencollective.com/vuetify"> <img src="https://opencollective.com/static/images/become_sponsor.svg" alt="Donate to OpenCollective"> </a> <br> ### Introduction Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build *amazing* applications with the power of Vue, Material Design and a massive library of beautifully crafted components and features. Built according to Google's **<a href="https://material.io/" target="_blank">Material Design Spec</a>**, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names. Harness the power of the [Vuetify community](https://community.vuetifyjs.com) and get help 24/7 from the development team and our talented community members across the world. Become a [backer](https://www.patreon.com/vuetify) and get access to dedicated support from the team. ###### Browser Support Vuetify supports all **modern browsers**, including IE11 and Safari 9+ (using polyfills). From mobile to laptop to desktop, you can rest assured that your application will work as expected. Interested in the bleeding edge? Try the vue-cli Webpack SSR (Server side rendered) template and build websites optimized for SEO. ### Documentation Link to <a href="https://vuetifyjs.com?ref=github" target="_blank">Vuetify documentation</a>. ### One Click Quick-start [Codepen link](https://codepen.io/johnjleider/pen/jYZwVZ) ### Vue CLI-3 Installation ``` bash vue create my-app # THEN vue add vuetify ``` ### Ecosystem <table> <thead> <tr> <th>Project</th> <th>Version</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td> <a href="https://github.com/vuetifyjs/vue-cli-plugin-vuetify">vue-cli-plugin-vuetify</a> </td> <td> <a href="https://www.npmjs.com/package/vue-cli-plugin-vuetify"> <img src="https://img.shields.io/npm/v/vue-cli-plugin-vuetify.svg" alt="Version"> </a> </td> <td> A vue-cli-3 plugin for installing and configuring Vuetify </td> </tr> <tr> <td> <a href="https://github.com/vuetifyjs/vuetify-loader">vuetify-loader</a> </td> <td> <a href="https://www.npmjs.com/package/vuetify-loader"> <img src="https://img.shields.io/npm/v/vuetify-loader.svg" alt="Version"> </a> </td> <td> A webpack plugin for treeshaking and progressive image support </td> </tr> <tr> <td> <a href="https://github.com/vuetifyjs/eslint-config-vuetify">eslint-config-vuetify</a> </td> <td> <a href="https://www.npmjs.com/package/eslint-config-vuetify"> <img src="https://img.shields.io/npm/v/eslint-config-vuetify.svg" alt="Version"> </a> </td> <td> An opinionated eslint-config for Vuetify </td> </tr> <tr> <td> <a href="https://cognito.vuetifyjs.com/">vuex-cognito-module</a> </td> <td> <a href="https://www.npmjs.com/package/@vuetify/vuex-cognito-module"> <img src="https://img.shields.io/npm/v/@vuetify/vuex-cognito-module.svg" alt="Version"> </a> </td> <td> A <a href="https://vuex.vuejs.org/">Vuex<