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



その後の内容は不明ですが、開発はまだスキップする必要はないと思います


Explanation of Different Builds
Dev Build
Bower
AMD Module Loaders

リファレンス


vue.js doc