Vue.jsを起動してインストールする
3450 ワード
vue.なぜjs(django template)を起動するのか
バックエンドをdjangoで整理し、djangoテンプレートでページを作成します.本明細書を使用する場合にのみ、javascipt、jquery、ajaxを使用してクライアントの非同期処理を実装する必要があります.実装するコードの量は少なくありません.そのため、多くの新しい内容を理解する必要があります.オプションがJavaScriptのみの場合は、フロントエンドを実現するために通常使用されるフレームワークの中で最もアクセスしやすいvueを使用する可能性があります.jsを選択しました.(余剰角、react)
django_rest_framework + vue.js
django rest frameworkを使用してapiを記述し、vue側でページ操作と必要なデータを処理し、プロジェクト管理とコード管理を非常にきれいにします.(既存の場合、django viewは必要なすべてのリソースを作成して送信する必要があるため、viewエンドコードはrest apiを使用して実装されるほどきれいではありません.)
視聴vue.js docsからの統合開始Vue.jsに関するレコードを記録します.
Installation
Compatibility Note
vue.jsはIE 8以下のバージョンをサポートしていません.
Vue Devtools
ブラウザでのVue Devtoolsのインストールと開発をお勧めします.
CDNとして使用
CDNを使用する方法には、最新バージョンと指定バージョンの2つがあります.学習時には最新バージョンを使用することが望ましいが、実際の開発段階ではバージョンエラーが発生する可能性があるため、バージョンを指定して使用することが望ましい.
1)最新バージョンの使用
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
2)バージョンの指定と使用
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
NPM
大規模なアプリケーションを作成する場合は、NPMを使用してプロジェクトを作成します.
npm install vue
CLI
スパの作り方は今後vue cli docsをご覧ください
Vue provides an official CLI for quickly scaffolding ambitious Single Page Applications
scaffolding
![](https://s1.md5.ltd/image/744e0a400846a7cbd346c71041347586.png)
その後の内容は不明ですが、開発はまだスキップする必要はないと思います
Explanation of Different Builds
Dev Build
Bower
AMD Module Loaders
リファレンス
vue.js doc
Reference
この問題について(Vue.jsを起動してインストールする), 我々は、より多くの情報をここで見つけました https://velog.io/@chandlerkim777/Vuejsinstallationテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol