vue.js - 如何在 Laravel Spark 的构建系统中使用 vuejs 插件？

Question

我一直在尝试使用 Vuejs 在我的 Laravel Spark 应用程序中使用 datepicker 插件。

我尝试添加到 app.js：

var datepicker = require('vuejs-datepicker');
Vue.use(datepicker);

但我明白了

plugin.apply is not a function(…)

在 JS 控制台中。

我也试过：

var datepicker = require('vuejs-datepicker').default;
Vue.use(datepicker);

产生：

Uncaught TypeError: Cannot read property 'installed' of undefined(…)

我是不是很笨？因为在这种情况下我找不到任何对我的错误的引用。

Answer 1

我通常将其导入到父组件 .vue 文件中，例如

<script>
import Datepicker from 'vuejs-datepicker'

export default {
   components: {
      Datepicker
   }
}
</script>

<template>
   <datepicker></datepicker>
</template>