关于vue使用typescript全局注册组件的问题

  • Z时代
  • 2024-03-01
  • 分类：IT

// src/compontents/table.vue
<template>
  <div class="table"></div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
@Component({ name: 'TableData' })
export default class TableData extends Vue {}
</script>
<style lang="scss" scoped></style>
// src/compontents/index.ts
import TableData from './table.vue';
Vue.component(TableData.name, TableData);
// 文件目录 src/main.ts
...
import './components/index'; // 引入index全局注册TableData
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app');

我在本地使用 <TableData>xxx</TableData> 没有问题，能成功编译成 div ，但是打包丢到服务器上就不可以了，依然还是 <TableData>xxx</TableData> 导致页面空白，求大佬解答一波。

回答：

问题解决了，出在TableData.name这个地方，本地打印出来是TableData结果线上打印出来就是n了，可能是某步编译导致的这个问题，难怪官网例子也是用文件名来做注册组件的名字。

关于vue使用typescript全局注册组件的问题

以上是 关于vue使用typescript全局注册组件的问题 的全部内容， 来源链接： utcz.com/p/935404.html

回到顶部