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{}
(2)ページへのコンポーネントのインポート:importコンポーネント名from「コンポーネントパス」
(3)インポートしたコンポーネントを登録するには:components:{コンポーネント名}
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名でスタイルを上書きすることができます.
1、nodeはJava Scriptをサービス側で実行させる開発プラットフォームである
2、npmツール(node.jsベースのパッケージマネージャ)
(1)npm init:package.json初期化
(2)モジュールの取り付け
(3)npm i:packageをインストールする.jsonのすべての依存モジュール
二、コンポーネント化開発
(1)エクスポートコンポーネント:export default{}
export default {
data:{
return{
}
},
methods:{
},
created(){
}
}
(2)ページへのコンポーネントのインポート:importコンポーネント名from「コンポーネントパス」
import Switch from '@/views/demo/Switch'
(3)インポートしたコンポーネントを登録するには:components:{コンポーネント名}
components:{
Switch
}
2、コンポーネントの使用
3、単一ファイルコンポーネント
三、vue-admin
vue+空腹UIベースのテンプレートシステム
毎日追加
(1)if文の括弧では変数を宣言できず、関数宣言
(2)h 1ラベルにpaddingを付ける
(3)空腹のUIライブラリスタイルの変更は、コンソールからclass名を表示し、そのclass名でスタイルを上書きすることができます.