vue+typescript(vben-admin)前端开发

小小笔记，持续总结吧。

近期遇到一个问题，总是不长记性，在此记录一下。

我觉得大家应该会遇到跟我一样的坑，就是vue3的写法跟vue2已经不太一样了。

typescript的地方如果用vue3的写法，已经要用：

包裹，注意：要加setup。

否则会报如下错误：

If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 

从别的地方引用代码过来的时候一定要注意，如果是vue2的写法，那么就要使用如下写法：

详细的还是看vue官方文档吧：Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)。文档很详细，奈何我没有太多时间慢慢学习。边写边学吧，加油哈。

Vben-admin修改导航，将导航从左侧sidebar设置成TOP。

需要修改如下部分：

1. src\components\Application\src\AppProvider.vue

            appStore.setProjectConfig({
              menuSetting: {
                // type: MenuTypeEnum.SIDEBAR,
                // mode: MenuModeEnum.INLINE,
                type: MenuTypeEnum.TOP_MENU,
                mode: MenuModeEnum.HORIZONTAL,
                split: false,
              },
            });

 2. src\settings\projectSetting.ts

  // Menu configuration
  menuSetting: {
...
    
    mode: MenuModeEnum.HORIZONTAL,
    // Menu type
    type: MenuTypeEnum.TOP_MENU,
}