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

Posted 2023-02-23

【中文标题】是否可以互换使用 .vue 格式和 commonJS 格式的 Vue 组件？

【英文标题】：Is it possible to use Vue components in .vue formats vs commonJS formats interchangeably?

【发布时间】：2017-05-15 01:41:52

【问题描述】：

这是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】：

是的，你可以。

.vue 文件会被打包成 common js，common js 格式会被 webpack 原样保留。