vue.js im Storefront einbinden

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.

  1. mainjs:

import ‘./assets/js/test.js’

  1. 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);

                });

        },

    },

})

  1. 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”

    }

}

  1. 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 Like

@Shopwareianer schrieb:

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

@Shopwareianer schrieb:

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!