deadsimple / vuelibrary
一个简单的模块,用于在您的 Magento2 网上商店中使用 VueJS 组件
1.2.0
2021-11-12 14:55 UTC
Requires
- magento/framework: >=100.1.0
This package is auto-updated.
Last update: 2024-09-12 21:59:24 UTC
README
Deadsimple VueJS Magento2 Composer 库
此软件包允许您直接在 Magento2 配置中使用 VueJs 和 requirejs
安装
使用 composer 安装模块: composer require deadsimple/vuelibrary
开发模式
此模块默认以压缩的生成模式加载 VueJS,但也提供开发版本,如果您需要开发模式下的 VueJS,请将 requirejs-config.js
中的设置更改为
var config = {
paths: {
Vue: 'Deadsimple_VueLibrary/js/lib/vue',
vue: 'Deadsimple_VueLibrary/js/lib/require-vuejs',
},
shim: {
Vue: {
exports: 'Vue'
}
}
};
用法
创建一个主 js 文件,通过 requirejs 加载,在此主.js 文件中定义 Vue
(大写 V)并使用 vue
(小写 v)加载您创建的 Vue 组件,例如 Searchinput.vue
。从现在开始,您可以像以前一样使用 new Vue()
初始化器初始化 Vue,请确保您有一个容器来运行您的 VueJS 代码,例如此例中的 #essearch
;
define([
'Vue',
'vue!components/SearchInput.vue'
], function (Vue) {
'use strict';
new Vue({
el: '#essearch',
});
})
版本
此库加载: Vue.js v2.6.14
待办事项
- 创建更简单的 VueJS 生成和开发版本之间的切换
- 如果可用,添加到库捆绑