vue组件使用的三个步骤

1.在App.vue中使用import语句导入需要的组件

import About from './views/About.vue'
import Home from './views/Home.vue'

2.使用components节点注册组件

components:{
About,
Home
},

3.使用组建形式使用刚才注册的组件

<template>
  <div>
    <About></About>
    <Home></Home>
  </div>
</template>

4.全局组件的注册和使用

在main.js使用mport语句导入需要的组件

import NQMM from './views/NQMM.vue'

注册

Vue.component('NQMM',NQMM)

在其他页面使用

 <NQMM></NQMM>

 

posted @ 2021-08-27 10:16  ajaXJson  阅读(281)  评论(0编辑  收藏  举报