Vue component 组件使用

Vue.component使用

一：

新建一个 component-moke1.vue 文件

在** main.js** 中全局引入

// main.js文件
import Vue from 'vue'    

// 路径引入组件componentmoke1
import componentmoke1 from "./moke/component-moke1.vue";

// 注册组件 
Vue.component('component-moke1', componentmoke1); // 参数一：作为标签的组件名，参数二：引入的组件名

然后直接在需要的组件中使用

如果不使用全局，在页面中 components 中引入

二：

直接用 js 创建

// main.js文件
import Vue from 'vue' 
// 参数一： 作为标签的组件名， 参数二： data() 必须为函数， 参数三： template模板 组件里的内容
Vue.component('button-counter', {　
  data(){
    return {
      count: 0
    }
  },
  template: 'You clicked me {{ count }} times.' 
})

在需要的组件中使用