Vue プロジェクトでのコンポーネントコンポーネントの使用に関する注意事項

目次

序文

1. コンポーネントとコンポーネントの違いは何ですか?

2. コンポーネントの使用手順

1.コンポーネントvueファイルの作成

2.コンポーネントの紹介

 3. コンポーネントを登録する

4. アプリケーションのコンポーネント

要約する

序文

この記事は、記録コンポーネントを使用する手順の予備的な理解にすぎません。

---

1. コンポーネントとコンポーネントの違いは何ですか?

コンポーネント はコンポーネントを意味し、 コンポーネント はコンポーネントを意味します。これらは異なり、異なる場所で使用されます。

2. コンポーネントの使用手順

1.コンポーネントvueファイルの作成

コードは次のとおりです（例）。

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import  ssl
ssl._create_default_https_context = ssl._create_unverified_context

2.コンポーネントの紹介

IndexPage.vue を App.vue に導入するなど、コンポーネントを導入する必要がある vue ファイルにコンポーネント ファイルを導入します。

import header from '@/views/header/header'

 3. コンポーネントを登録する

App.vue ファイルのスクリプト セクションで、エクスポート デフォルトを見つけ、その中に登録コードを書き込みます。

コードは次のとおりです（例）。

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

export default {
  name: 'App',
  components: {
    LightView,
    IndexPage
  },
}

4. アプリケーションのコンポーネント

App.vue のコード部分に、indexPage コンポーネントを適用します。

<template>
  <light-view>
    <index-page></index-page>
  </light-view>
</template>

---

要約する

この記事は、記録コンポーネントを使用する手順の予備的な理解にすぎません。