Vue项目遇到的问题
一、button点击范围过大
<div class="createTag-wrapper">
<Button class="createTag" @click="createTags">新建标签</Button>
</div>
//css
.createTag {
&-wrapper {
}
}
二、全局对象过多
将这些对象统一放到一个对象上
例
window.xxx;
window.yyy;
window.zzz
//全局声明类型，以string为例
interface Window {
xxx:string,
yyy:string,
zzz:string
}
改为
window.store={
xxx,
yyy,
zzz
}
//在全局声明一下类型
interface Window {
store:{
xxx:string,
yyy:string,
zzz:string
}
}
不想依赖window?
这样做，另开一个文件
const store = {
xxx,
yyy,
zzz
}
expor default store
//在使用i挂在window上的全局变量时，直接用store.
网友评论