Vue中重置表单与自定义组件注册

Vue中重置表单的方法

<form ref="自定义名称" .....>

//通过调用此方法
this.$refs.自定义名称.resetFields() // 重置表单

自定义组件全局注册

//在min.js文件中注册
import Vue from 'vue'
//1.引用组件到min.js文件
import 组件名 from '组件路径'
//2.注册
Vue.component('组件名', 组件对象)


//当组件较多时min.js文件会变得不好维护,需要创建一个js文件
通过Vue.use()进行多个组件注册
//它是Vue提供一个静态方法，用来向Vue注册插件。文档: https://cn.vuejs.org/v2/api/#Vue-use

-------------------------------------------------方式一
1.创建一个js文件并引入Vue对象
import Vue from 'vue'
2.引入组件
import 组件名 from '组件路径'
3.注册
const xxx = {
    install(Vue){
        Vue.component('组件名', 组件对象)
    }
}
Vue.use(xxx)
4.将创建的js文件引入min.js
import '创建的文件路径'
5.页面中使用
<组件名 />

-------------------------------------------------方式二
1.创建一个js文件并引入Vue对象
import Vue from 'vue'
2.引入组件
import 组件名 from '组件路径'
3.注册
export default {
    install(Vue){
        Vue.component('组件名', 组件对象)
    }
}
4.将创建的js文件引入min.js
import 组件名 from '创建的文件路径'

Vue.use(组件名)
5.页面中使用
<组件名 />

自定义组件局部注册

//页面中使用
<组件名></组件名>
//直接当做标签使用
1.引用
import 组件名 from '组件路径'
2.注册
export default {
    components:{
        组件名
    }
}