Hallo
ich würde gerne vuue.js im Storefront Template nutzen.
Hat das schon mal jemand versucht.
Ich bin für jeden Hiweise, wie ich das einbinden kann dankbar.
Hi,
schau mal hier: https://www.vuestorefront.io/shopware/
Das ist kein einbinden sondern ein eigener Ansatz.
Habe es aber schon selbst rausgefunden:
Nicht schick tut aber für Basics (ohne .VUE Files für Komponenten) erstmal.
- mainjs:
import ‘./assets/js/test.js’
- assets/test1.js
import Vue from ‘…/node_modules/vue/dist/vue’
import axios from ‘…/node_modules/axios/dist/axios’
Vue.config.productionTip = false
Vue.options.delimiters = [’[[’, ‘]]’]
new Vue({
el: ‘#appFileexplorer’,
// components: {Example},
data: {
message: ‘Vue.js loaded!’,
items: ,
},
mounted() {
methods: {
loadData() {
var self = this;
axios.get(‘https://jsonplaceholder.typicode.com/todos’, {})
.then(function (response) {
self.items = response.data;
console.log(response);
}).catch(function (error) {
console.log(error);
});
},
},
})
- package.json in Ordner assets:
{
“name”: “nextag-extensions”,
“version”: “1.0.0”,
“dependencies”: {
“axios”: “^0.19.2”,
“vue”: “^2.6.11”,
“vue-loader”: “^14.2.2”,
“vue-template-compiler”: “^2.6.11”
}
}
- npm install
P.S.: Für .vue Files müsste ich eine eigene webpack.config.js loader-Erweiterung schreiben. Leider gibt es da wie immer kein Beispiel. Muss ich mühsam selbst rausfinden, wie ich das mache.
Vielleicht hat jemand eine Hilfe für mich?
Für das kompilieren nutze ich immer laravel-mix => https://laravel-mix.com/docs/5.0/installation#stand-alone-project
1 „Gefällt mir“
Für das kompilieren nutze ich immer laravel-mix => https://laravel-mix.com/docs/5.0/installation#stand-alone-project
Ok da kukk ich mal wie das da einbauen kann - danke
Für das kompilieren nutze ich immer laravel-mix => https://laravel-mix.com/docs/5.0/installation#stand-alone-project
Perfekt - das funktioniert und nimmt mir die Mühe mit dem webpack ab. Vielen Vielen Dank!