ホームページ >ウェブフロントエンド >Vue.js >vue プロジェクトに vue.js を直接導入できますか?

vue プロジェクトに vue.js を直接導入できますか?

coldplay.xixi
coldplay.xixiオリジナル
2020-11-09 10:17:442936ブラウズ

vue プロジェクトは vue.js を直接導入できます 導入方法: 1. スキャフォールディング ツール [vue-cli] を使用します; 2. 2 つ目は、プロジェクトに [vue.js] を直接導入することです。コードは [var vm = new Vue({el: '#accountManage',data: {},})] です。

vue プロジェクトに vue.js を直接導入できますか?

【おすすめ関連記事: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(&#39;nature&#39;+&#39;这是vue的测试&#39;)
},

結果は次のようになります。natrue は JSON 定義リクエストの送信時に文字化けが見つかりました。

関連する無料学習の推奨事項:javascript(ビデオ)

以上がvue プロジェクトに vue.js を直接導入できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。