是否可以互换使用.vue格式与commonJS格式的Vue组件?

时间:2016-12-30 19:21:38

标签: javascript components commonjs vue-component vue.js

这是commonJS格式

Vue.Component('custom-component',{
       template : '<p>Some template</p>',
       data : {}
       methods : {}
});

这是.vue格式

<template>
    <p>Some template</p>
</template>

<script>
    export default {
        data() {
           return {};
        },
        methods : {}            
    }

</script>
<style>
</style>

我的问题是,您是否有一个项目包含一些用commonJS格式编写的组件和一些用.vue格式编写的组件?如果是这样,你如何在另一种组件中导入一种组件?

1 个答案:

答案 0 :(得分:0)

是的,你可以。

.vue文件将打包成常见的js,常见的js格式将保留为webpack。