今天打算使用uniapp的自定义组件，但是按照vue的全局注册方式，却报错【在main.js 总是提示 Vue.component()需要两个参数 】，但是确实是传了两个参数
问题代码如下：
//main.js
import Vue from 'vue'
import App from './App'
import request from './common/request/index'
Vue.config.productionTip = false
App.mpType = 'app'
Vue.prototype.$request = request;
Vue.component('book-item', {
template: '<view>A custom component!<view>'
})
const app = new Vue({
...App
})
app.$mount()
屏幕快照 2020-02-22 下午11.52.03.png
经过查阅uniapp的文档https://uniapp.dcloud.io/collocation/main，按照示例方式全局注册组件成功。成功代码如下：
//main.js
import Vue from 'vue';
import App from './App';
import request from './common/request/index';
import bookItem from './components/list/bookItem.vue';
Vue.config.productionTip = false
App.mpType = 'app'
Vue.prototype.$request = request;
Vue.component('book-item',bookItem);
const app = new Vue({
...App
})
app.$mount()
image.gif
// @/components/list/bookItem.vue
<template>
<button v-on:click="count++">You clicked me {{ count }} times.</button>
</template>
<script>
export default {
name: 'book-item',
data: function() {
return {
count: 0
}
},
}
</script>
<style>
</style>
image.gif
