Vue.jsの基礎チュートリアル。このフレームワークを始めるには？

Vue.jsを始めるには？

を作成する最も推奨される方法です。 Vue.js プロジェクト は Vue CLI。インストールするには

npm install -g @vue/cli


そしてプロジェクトを作成する：

vue create simple-project
 cd ./simple-project

最後に、プロジェクトを実行することができる：

npm run serve

シンプルなコンポーネントを作る

webpack と vue-loader プラグインのおかげで、コンポーネントを ビュー ファイルを含む。すべてのコンポーネントには テンプレート をHTMLビューで表示します、 台本 論理と スタイル をCSSスタイリングで指定します。

シンプルな VArticle.vue コンポーネント simple-project/src/components/VArticle.vue ファイルと次のような内容である：

<div class="article">
<h1 class="article__title">(( article.title ))</h1>
<p><span class="article__author"><br>(( article.author ))<br></span></p>
<p class="article__lead">(( article.lead ))</p>
</div>
</>

以前に作成したコンポーネントを使用するには、次のように設定する必要があります。 simple-project/src/App.vue ファイルの内容を

<div>
<div>&nbsp;</div>
</div>
</>

でブラウザを開くと、次のような画面が表示される。 http://localhost:8080/ のような画面が表示されるはずだ：

次はどうする？

このチュートリアルでは、Vueフレームワークを使って冒険を始める方法を紹介しようと思います。より高度なコンポーネントの作り方に興味があれば、オープンソースの カレンダー プロジェクトに参加している。