README

用于使用 Vue 组件构建 Craft CMS 插件的帮助模块。

该模块支持所有主流浏览器，除了 IE11。

安装

composer require ether/craft-vue

使用

首先，在渲染 Vue 组件的地方注册该模块

class Field extends \craft\base\Field
{

    public function getInputHtml ()
    {
        \ether\craftvue\CraftVue::register();
        
        // ...
    }

}

然后在您的 JS 中注册您的组件（这应该是一个由资产包导入的 JS 文件）

Craft.booting(Vue => {
    Vue.component('my-component', require('../vue/MyComponent.vue'));
});

您可以根据需要导入您的组件，但如果使用 .vue 文件，请确保先编译它们。 Craft.booting 支持返回 Promises，以及 await / async 语法。

现在您可以在 #main div 的任何位置使用 <my-component></my-component>。

注意：如果您正在开发中，请记住将 'useCompressedJs' => false 设置为在开发模式下使用 Vue。

未来功能

CLI 用于创建与 Vue 组件兼容的样板文件，具有热重载和其他有趣功能（类似于 ./craft vue/create [name]，可能使用 Laravel Mix）。

ether / craft-vue

维护者

详细信息

README

安装

使用

未来功能