分类 Vue 下的文章

Vue.component(组件名, {
    template: 模板ID, // 使用script与template标签均可实现
    props: [传递数据参数],
    methods: {
        方法名: function () {}
    }
});

单文件可以参考上篇

我是使用import导入没有问题,用webpack生成的时候,发现用Vue.component()注册会报错,检查发现解决方法,删除new里的components
?

import xyz from './components/head.vue';

使用全局注册组件时,须将new中的components删除

Vue.component('xyz ', require('./components/head.vue'));

new Vue({
    el: '#app'
    //components: { xyz }
})