vue で構成を構成する方法 (詳細なチュートリアル)

この記事では主に vue の設定について詳しく紹介しており、参考にしてください

webpack.base.conf ファイルでエイリアスと拡張子を設定します

resolve: {
  extensions: ['.js', '.vue', '.json', '.styl'],
  alias: {
   'vue$': 'vue/dist/vue.esm.js',
   '@': resolve('src'),
   'src': path.resolve(__dirname, '../src'),
   'common': path.resolve(__dirname, '../src/common'),
   'components': path.resolve(__dirname, '../src/components')
  }
 }

エイリアスと拡張子、main.js はこのように書くことができます

import Vue from 'vue';
import App from './App';
import Router from 'vue-router';
//components前面可以加上'@/'，也可以省略不写
//如果没有别名，就要写成“import goods from '../components/goods/goods';“
import goods from 'components/goods/goods';
import seller from 'components/seller/seller';
import ratings from 'components/ratings/ratings';
import '@/common/stylus/index';

以上が皆さんの参考になれば幸いです。

関連記事:

vue-cliでbabel設定ファイルを設定する方法

babelのインストールと設定チュートリアルの使い方

Nodejsでの複合画像でgmトリミングを使用する

呼び出し方法js を使用した json

vuejs を通じてデータ駆動型ビューの原則を実装する方法

Vue で親コンポーネントを使用して子コンポーネント イベントを呼び出す方法

vue でインデックス ファイルをコンパイル、パッケージ化、表示する方法

vueでの使い方の実装方法 指のスライド方法

Vueコンポーネントに属性の動的な追加と削除を実装する

Vueでオブジェクトの属性が変更されたときにビューが更新されない問題に対処するにはどうすればよいですか？

AngularJSで写真をアップロードするコマンドを作成する方法(詳細なチュートリアル)

以上がvue で構成を構成する方法 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。