Notas sobre el uso de componentes en proyectos Vue

Tabla de contenido

Prefacio

1. ¿Cuál es la diferencia entre componentes y componentes?

2. Pasos para utilizar los componentes

1. Cree el archivo vue del componente

2.Introducir componentes

 3. Registrar componentes

4. Componentes de la aplicación

Resumir

Prefacio

Este artículo es sólo una comprensión preliminar de los pasos para utilizar componentes de grabación.

---

1. ¿Cuál es la diferencia entre componentes y componentes?

componentes , que significa componentes; componente , que significa componentes. Son diferentes y se utilizan en diferentes ubicaciones.

2. Pasos para utilizar los componentes

1. Cree el archivo vue del componente

El código es el siguiente (ejemplo):

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.Introducir componentes

Introduzca el archivo del componente en el archivo vue donde se debe introducir el componente, como introducir IndexPage.vue en App.vue

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

 3. Registrar componentes

En la sección de secuencia de comandos del archivo App.vue, busque la exportación predeterminada y escriba el código de registro en él.

El código es el siguiente (ejemplo):

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. Componentes de la aplicación

En la parte del código de App.vue, aplique el componente indexPage

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

---

Resumir

Este artículo es sólo una comprensión preliminar de los pasos para utilizar componentes de grabación.