0

私はjs開発にbrowserifyなどを使用することにかなり慣れていません。また、私はVueが初めてです。アプリケーション用に追加のカスタム コンポーネントを作成したいと考えていました。ただし、さまざまなチュートリアルを段階的に実行しても、多くの点で失敗します。

これは私が現在得たものです：

example.js

var MyComponent = Vue.extend({
  data: function() {
    return { message: 'This is a test' }
  },

    template: '{{ message }}'
  });

Vue.component('my-component', MyComponent);

new Vue({
  el: '#example'
});

app.js

require('spark-bootstrap');

require('./../example.js');

require('./components/bootstrap');

require('./backoffice/main.js');

var app = new Vue({
    mixins: [require('spark')]
});

view.blade.php

<div id="example">
    <my-component></my-component>
</div>

gulpfile.js

elixir(function(mix) {
    mix.less('app.less')
       .browserify('app.js', null, null, { paths: 'vendor/laravel/spark/resources/assets/js' })
       .copy('node_modules/sweetalert/dist/sweetalert.min.js', 'public/js/sweetalert.min.js')
       .copy('node_modules/sweetalert/dist/sweetalert.css', 'public/css/sweetalert.css');
});

私のエラー

app.js:24638[Vue warn]: Unknown custom element: <my-component> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
4

1 に答える 1

1

は別のモジュールであるためexample.js、そのファイルにも Vue をインポートする必要があります。私はあなたがそれをしたと仮定します。newただし、後ですでに実行しているため、そのファイルで Vue インスタンスを起動したくありません。が spark 本体の内部にある場合<my-component>は、既に Vue アプリが実行されています。

于 2016-05-23T20:53:50.660 に答える