企业内部系统网站制作宁波网站推广建站
张小明 2026/1/9 1:44:42
企业内部系统网站制作,宁波网站推广建站,wordpress小插件,wordpress禁用谷歌字体1 至少保持两个单词上面这个比较容易保证#xff0c;其目的好像是防止和html标签冲突#xff0c;不易于识别#xff0c;我在另一篇文章中也吐槽过这个问题。vue3脚手架示例工程中组件vue文件#xff0c;除了App.vue是单个单词#xff0c;其他的基本都是双字母#xff0c;…1 至少保持两个单词上面这个比较容易保证其目的好像是防止和html标签冲突不易于识别我在另一篇文章中也吐槽过这个问题。vue3脚手架示例工程中组件vue文件除了App.vue是单个单词其他的基本都是双字母如下图组件使用类似如下通过上面的示例我们就认为文件名和组件名字是一样的。但是这个玩意开了一个口子在TheWelcome 文件中你可以定义组件的名字叫xx。这个name通常不会用默认组件名字就是和文件名字一样。需要重新取名字的情况是Eslint检查到你的文件名是单个单词如Home.vue 那个就要求你的文件名必须是两单词的如果你不想改文件名你就可以在Home.vue文件中整个名字叫HomeView。这可能会导致你看见组件名字不知道是对应那个文件所以还是建议改文件名。2 组件使用名字决策这个就相当难搞了,看上面的例子你会肯定会认为组件使用的时候和文件名保持一致但是当你用了element-plus组件时你发现它的标签用的时候横杠如el-table-column。好这个就相当炸裂了。你会怎么做如果你有点洁癖我相信你会将TheWelcome/ 改成the-welcome/保持统一而且VS Code输入提示得时候也是the-welcome看起来很美好一箭双雕。我想说你高兴得太早了。TypeScript出来做一把妖看如下代码我的子类代码如下 //AddConfig.vue const dialogFormVisible ref(false) //展示弹出框 function showAddPop() { dialogFormVisible.value true } //暴露给父类调用 defineExpose({ showAddPop, }) //父组件代码如下 divadd-config refaddConfigEl/add-configxx/div //下面这个声明一个元素引用看起来相当蛋疼这能提升开发效率表示无法理解 const addConfigEl refInstanceTypetypeof AddConfig | null(null) const addConfig () { if (addConfigEl.value) { addConfigEl.value.showAddPop() } else { alert(xxxx) } } 父组件代码中如果不把add-config 改成AddConfig addConfig 中addConfigEl.value就会提示找不到showAddPop实际上就是识别不了add-config这下只能改回来不知道该怎么办了就是这样随便整。3 复杂配置VueVSCodeViteTypeScriptPrettierEslint简单配置文件如下