全局和局部注册组件 全局方法挂载

一、全局和局部注册组件

1.全局注册组件

当在很多模块当中都要使用时就把它注册成全局组件，全局组件的好处，只需要注册一次可以在项目任意地方使用，注册成全局组件要在main.js引入

import Demo from '../components/lib/demo/src/main.vue'

Vue.component('Demo',Demo)

在需要的页面使用 <Demo />

2.局部注册组件

<template>

     <index-page /> 

<template/>

<script>

import indexPage from '../../../components/Pagination/index.vue'

    export default {

        components: { indexPage }

    }

<script/>

二、全局方法挂载

1.全局方法挂载

在utils文件夹新建public.js文件中定义公用的方法

export  function parseTime(){    }

export  function resetForm (){    }

在main.js文件中挂载

import { parseTime, resetForm } from '.@/utils/public'

Vue.prototype.parseTime = parseTime

Vue.prototype.resetForm = resetForm

在需要的页面使用

<div> {{ parseTime() }}</div>

<div> {{ resetForm() }}</div>