laravel 5にノードモジュールを公開/使用する方法は？

Question

私はlaravelアプリケーションを持っており、Vuejsを使い始めました。私はこれで新しいですし、多分私はいくつかのコアの概念が欠けている。

とにかくこれを使用したいと思っていますcomponent：検索オートコンプリートを持つ複数選択です。

私は

npm install vue-multiselect@next --save 

を実行した後、私は私のnode_moduleでコンポーネントのディレクトリを持っている、と私はまた、package.jsonファイルに依存vue-multiselectを持っています。

今、私は、前進してこのコンポーネントを私の意見の1つに使用する方法について少し混乱しています。

ウェブサイトのインストールは機能しません。 common jsには、必須キーワードまたはインポートキーワードを使用できません。

基本的な使い方

Htmlの

<multiselect v-model="value" :options="options"> 

はJavaScript

import Multiselect from 'vue-multiselect' 

// register globally 
Vue.component(Multiselect) 

export default { 
    // OR register locally 
    components: { Multiselect }, 
    data() { 
    return { 
     value: null, 
     options: ['list', 'of', 'options'] 
    } 
    } 
} 

このコンポーネントをインストールして使用する正しい方法は何ですか？

Answer 1

このfiddleをご覧になると、いくつか考えられます。私はあなたのコードで見間違っ

がいくつかある：

1. HTMLだけでぶら下がっている、それはVUEインスタンスのエルオプションに渡す必要があるというのテンプレートとidにする必要があります。 VUEインスタンスのコンポーネントで
2. あなたが解決できる複数選択する方法を見つけ出すMultiselect.Multiselect