南通网站制作,黄页推广,it培训机构培训,8469网站当我们开发完自定义UI组件库后#xff0c;在项目中使用时#xff0c;想要达到以下提示效果#xff0c;组件提示与属性提示#xff0c;有什么解决方案呢#xff1a; 事实上#xff0c;这是vetur的功能#xff0c;原文如下#xff1a;
Component Data | Vetur
If a pac…当我们开发完自定义UI组件库后在项目中使用时想要达到以下提示效果组件提示与属性提示有什么解决方案呢 事实上这是vetur的功能原文如下
Component Data | Vetur
If a package listed in dependencies has a vetur key in its package.json, then Vetur will try to read the tags / attributes specified by that key.
{vetur: {tags: dist/vetur/tags.json,attributes: dist/vetur/attributes.json}
}
By bundling the tags / attributes definitions together with the framework library, you ensure that users will always get the matching tags / attributes with the specific version of your library they are using.
我的步骤如下
1、package.json
vetur: {tags: ./vetur/tags.json,attributes: ./vetur/attributes.json}
2、tags.json
{Card: {// description放在首位否则无法识别description: 这是一个全新的筛选框架组件,// slotTip, emitTip 扩展slot与emit这两个不在props中。attributes: [type,slotTip, emitTip]}
}
3、attributes.json
{type: {description: 类型},slotTip: {description: 包含以下slottitle、content},emitTip: {description: 包含以下Eventsquery説明插槽searchInput的keyup.enter.native的事件}
} 发布npm项目更新私库有时需要重启vscode之后便可以了。
