node.js&コンポーネント

1754 ワード

一、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名でスタイルを上書きすることができます.