这样在这个Vue实例的template中就可以直接使用这个组件 Demo/

import Vue from "vue";
import Demo from "./Demo.vue"; //引入这个vue文件 ---文件名最好小写 组件名最好大写
Vue.config.productionTip = false;
new Vue({
 components: {
 Demo //ponents中声明这是我要用的组件，并且命名为Demo
 //如果组件名就叫Demo，即Demo：Demo，那就写Demo --ES6缩写
 //components: {Demo},
 data() {
 return {
 n: 0
 template: `
 div "add" +1 /button 
 Demo/ //这样在这个Vue实例的template中就可以直接使用这个组件` Demo/ `
 /div 
 methods: {
 add() {
 this.n += 1;
}).$mount("#app");

:fn="add"传入vue实例的this.add函数

补充知识：vue $options初始化

vue实例化时，对$options进行初始化

vue/src/core/instance/init.js

 Vue.prototype._init = function (options : Object) {
 const vm: Component = this
 // a uid
 vm._uid = uid++
 let startTag, endTag
 /* istanbul ignore if */
 if (process.env.NODE_ENV !== 'production' config.performance mark) {
 startTag = `vue-perf-start:${vm._uid}`
 endTag = `vue-perf-end:${vm._uid}`
 mark(startTag)
 // a flag to avoid this being observed
 vm._isVue = true
 // merge options
 if (options options._isComponent) {
 // ponent instantiation
 // since dynamic options merging is pretty slow, and none of the
 // ponent options needs special treatment.
 initInternalComponent(vm, options)
 } else {
 //初始化$options
 vm.$options = mergeOptions(
 resolveConstructorOptions(vm.constructor),
 options || {},
 /* istanbul ignore else */
 if (process.env.NODE_ENV !== 'production') {
 initProxy(vm)
 } else {
 vm._renderProxy = vm

以上这篇Vue的Options用法说明就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持凡科。