ホームページ >ウェブフロントエンド >Vue.js >vue プロジェクトに vue.js を直接導入できますか?
vue プロジェクトは vue.js を直接導入できます 導入方法: 1. スキャフォールディング ツール [vue-cli] を使用します; 2. 2 つ目は、プロジェクトに [vue.js] を直接導入することです。コードは [var vm = new Vue({el: '#accountManage',data: {},})] です。
【おすすめ関連記事:vue.js】
vue プロジェクトでは、vue.js を直接導入できます。導入方法は
最近のプロジェクトで、layUI を使用して実行しました。 , vue を使用しているので、再度ページを移動したくないと思いました。vue.js を参照するだけです。次の問題が発生した場合は、次の
1. 話しましょうページ上でvue.jsを参照した後
var vm = new Vue({ el: '#accountManage', //挂载点 data: {}, })
new 現在のページの一番外側のボックスにvueオブジェクトがマウントされ、ページ全体でvue構文が使えるようになります
2. es6 のアロー関数を通常の関数に変更すると、ここの this 参照が変わりますので、通常は関数の先頭で
getListData:function (){ var that = this; })
3 を再定義します。vuelayUI を使用します。 html に定義 ID がある場合 vue で変数や JSON を定義する場合、この ID 文字列は文字化けするので避けてください
<select name="interest" lay-filter="rule" v-model="tradeMemberProperty" id="nature"></select>
このとき、出力される
mounted:function(){ console.log('nature'+'这是vue的测试') },
結果は次のようになります。natrue は JSON 定義リクエストの送信時に文字化けが見つかりました。
関連する無料学習の推奨事項:javascript(ビデオ)
以上がvue プロジェクトに vue.js を直接導入できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。