Question

我试图弄清楚是否可以在未安装NPM或Node.js的WordPress插件中使用vue-flash-message。我的想法是尝试包括script

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>
<script src="<?php echo plugins_url('/vue-comp/vue-flash-message/vue-flash-message.min.js', __FILE__);?>"></script>

然后执行以下操作：

<script type="text/javascript">

    import Vue from 'vue';
    import VueFlashMessage from 'vue-flash-message';
    Vue.use(VueFlashMessage);

    new Vue({
        // root node
        el: "#vue_contact_form_app",
        // the instance state
        data: function () {
            return {}
        }

然后做

this.flash(...);

但这不起作用。

Answer 1

您正在使用import语句，该语句用于将外部模块加载到当前作用域中。

以最简单的理解，这些行：

import Vue from 'vue';
import VueFlashMessage from 'vue-flash-message';

仅在NodeJS环境中有效。不仅如此，还需要像Babel这样的转换器来使这些代码行在NodeJS环境中有效，因为NodeJS的模块管理系统目前仅支持require()方法来加载外部模块。

如果您不知道Babel是什么，这是它的简短说明：

Babel是JavaScript编译器。 Babel是一个工具链，主要用于在当前和较旧的浏览器或环境中将ECMAScript 2015+代码转换为JavaScript的向后兼容版本。

然后，是您的问题的答案：

是否可以在未安装NPM或Node.js的WordPress插件中使用vue-flash消息

那是不可能的。

是否可以在不安装Node.js的情况下使用vue-flash-message？

1 个答案: