组件用.vue还是.js_Vue.js的材料组件集成-CSDN博客

组件用.vue还是.js

Vue的材料组件 (Material Components for Vue)

vue-mdc-adapter is an integration of Material Components and Vue.js which follows the best practices recommended by Google: Using Foundations and Adapters.

vue-mdc-adapter是Material Components和Vue.js的集成，遵循Google推荐的最佳实践：使用基础和适配器。

This project aims to find the right balance between ease of use and customization while sticking to the Vue Spirit (approachable, versatile, and performant)

该项目旨在在坚持使用Vue精神(可接近，多功能和高性能)的同时，在易用性和自定义之间找到适当的平衡。

View demo 查看演示 Download Source 下载源

项目状态 (Project Status)

This project is under active development. The focus is on known issues, validation, and keeping up with MDC updates. Do not hesitate to open an issue on GitHub, contact us on Gitter, or follow us on Twitter @vuemdc

该项目正在积极开发中。重点是已知问题，验证以及与MDC更新保持同步。不要犹豫在GitHub上发布问题，在Gitter上与我们联系或在Twitter @vuemdc上关注我们

快速开始 (Quick Start)

CDN (CDN)

<head>
  <!-- import reset material icons, fonts and vue-mdc-adapter stylesheets -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" type="text/css">

  <!-- import vue and then vue-mdc-adapter -->
  <script src="https://unpkg.com/vue"></script>
  <script src="https://unpkg.com/vue-mdc-adapter"></script>
</head>
<body>
  <!-- vue mdc markup -->
<body>

Vue CLI (Vue CLI)

简单 (Simple)

npm install -g vue-cli
vue init stasson/vue-mdc-adapter-simple my-project

Webpack (Webpack)

npm install -g vue-cli
vue init stasson/vue-mdc-adapter-webpack my-project
cd my-project
npm install
npm run dev

翻译自: https://vuejsexamples.com/material-components-integration-for-vue-js/

组件用.vue还是.js