Vue Scaffoldingシリーズ01-vue-cli3 単一ファイルコンポーネントを開発する

Vue.component(' ',{
})
new Vue({})

デメリット

• グローバルにコンポーネント名を定義する場合、繰り返しができません。
• 文字列テンプレート
• cssのサポートなし
• ビルドステップなし Pug Babel .vue

vueで.vueファイルを呼び出す シングルファイルコンポーネント、webpackや他のビルドツール

Vue CLI3 Scaffolding

基本構成

• Nodejsのインストール
  • Node.js 8.9以降がインストールされていることを確認します。
  • ターミナルでnode -vと入力し、正常にインストールされていることを確認します。
• Taobao Imageソースをインストールします。
  • node -v
• Vue Cli3 scaffoldingをインストールします。
  • npm install -gpm --registry=https://...rg
• バージョンが正しいか確認します。
  • vue --version

ラピッドプロトタイピング

単一の*.vueファイルのラピッドプロトタイピングには、vue serveコマンドとvue buildコマンドを使用しますが、最初に追加のグローバル拡張機能をインストールする必要があります：

cnpm install -g @vue/cli-service-global

vue serveの欠点は、グローバルな依存関係をインストールする必要があるため、マシン間で一貫性がなくなることです。そのため、これはラピッドプロトタイピングにのみ適しています。

必要なのはApp.vueファイルだけです：

<template>
 <div>
 <h2>hello world シングル・ページ・コンポーネント</h2>
 </div>
</template>
<script>
export default {
}
</script>
<style>
</style>
</style>

次に、App.vueファイルがあるディレクトリで実行します：

vue serve