node.js&コンポーネント

一、node.jsとnpm
1、nodeはJava Scriptをサービス側で実行させる開発プラットフォームである
2、npmツール(node.jsベースのパッケージマネージャ)
(1)npm init:package.json初期化
(2)モジュールの取り付け

(2.1)npm i axios:axiosライブラリをフォルダ

にインストール

(2.2)npm i jquery--save-dev:jqueryライブラリをフォルダ

にインストール

(2.3)npm i http-server-g:ローカルサーバのグローバルインストール

起動コマンド:hs-o-p 8888

(3)npm i:packageをインストールする.jsonのすべての依存モジュール
二、コンポーネント化開発

Veturプラグインをインストールし、コンポーネント開発時プロンプトコード(scaffold:コンポーネントラベルの迅速な作成)

に使用します.

vueコードプロンプトプラグインVueHelper

1、コンポーネントを作成する
(1)エクスポートコンポーネント:export default{}

export default {
     data:{
         return{
         }
     },
     methods:{
     },
     created(){ 
     }
}

(2)ページへのコンポーネントのインポート:importコンポーネント名from「コンポーネントパス」

    import Switch from '@/views/demo/Switch'

(3)インポートしたコンポーネントを登録するには:components:{コンポーネント名}

    components:{
        Switch
    }

2、コンポーネントの使用

ページコンポーネント(すなわち親コンポーネント)にサブコンポーネントを導入する後、サブコンポーネント名をラベル名として

を使用する.

templateラベルの下には、ルートラベル

しかありません.

3、単一ファイルコンポーネント

実際にエンジニアリングvueプロジェクトを開発する際、基本的には単一ファイルコンポーネント形式、すなわち各形式を用いる.vueファイルはすべてコンポーネントです.最も基本的なのはUIコンポーネントで、私达は普通自分の好みとプロジェクトの需要によって1つの成熟したコンポーネントライブラリを选んで使用して、iViewコンポーネントライブラリ、お腹がすいたElementコンポーネントライブラリはすべてとても优秀で全面的なコンポーネントライブラリで、すべて私达の需要を満たすことができますが、みんなは调节しにくくて、いつもいくつかの特殊な需要が満足できませんこの時、コンポーネントを開発して特別なニーズを実現する必要があります.

三、vue-admin
vue+空腹UIベースのテンプレートシステム

npm run dev:プロジェクト

を開始
毎日追加
(1)if文の括弧では変数を宣言できず、関数宣言
(2)h 1ラベルにpaddingを付ける
(3)空腹のUIライブラリスタイルの変更は、コンソールからclass名を表示し、そのclass名でスタイルを上書きすることができます.