javascript - 在 Vue.js 中实现

Question

我是 Vue.js 新手，我想使用 Materialise 制作我的项目。我尝试了很多插件，例如: vue-materialize ( https://github.com/paulpflug/vue-materialize )、vue-material-components( https://www.npmjs.com/package/vue-material-components ) 但不起作用。我也尝试将 jQuery 插件添加到 webpack，但没有任何解决方案:

new webpack.ProvidePlugin({
    $: 'jquery',
    jquery: 'jquery',
    'window.jQuery': 'jquery',
    jQuery: 'jquery'
}),

现在我正在尝试使工作成为输入选择字段。我怎样才能做到这一点？

Answer 1

您可以使用Vue-Material实现您的 Vue 项目。以下是您需要遵循的步骤:

1. 安装 vuematerial $ npm install --save vue-material
2. 将 vuematerial 导入到 main.js 从 'vue-material' 导入 VueMaterial 导入 'vue-material/dist/vue-material.css'
3. 开始在项目中使用 vuematerial Vue.use(VueMaterial)

示例 main.js 文件应如下所示:

import Vue from 'vue';
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.css';
import App from './App';
import router from './router';

Vue.use(VueMaterial)
Vue.config.productionTip = false;

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App },
});

您现在可以在模板中使用 vuematerial 组件。