deadsimple/vuelibrary

一个简单的模块,用于在您的 Magento2 网上商店中使用 VueJS 组件

安装次数: 4,571

依赖项: 2

建议者: 0

安全性: 0

星标: 0

关注者: 2

分支: 0

公开问题: 0

语言:JavaScript

类型:magento2-module

1.2.0 2021-11-12 14:55 UTC

This package is auto-updated.

Last update: 2024-09-12 21:59:24 UTC


README

Latest Stable Version Total Downloads License

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 生成和开发版本之间的切换
  • 如果可用,添加到库捆绑