VuePress
由两部分组成:第一部分是一个极简静态网站生成器 (opens new window
),它包含由Vue
驱动的主题系统和插件API
,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持Vue
及其子项目的文档需求
之前自己写了一个简版的 Vue
组件库,但是没有写文档,所以就想着动手实际操作并记录下来。
VuePress
由两部分组成:第一部分是一个极简静态网站生成器 (opens new window
),它包含由Vue
驱动的主题系统和插件API
,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持Vue
及其子项目的文档需求
之前自己写了一个简版的 Vue
组件库,但是没有写文档,所以就想着动手实际操作并记录下来。
在此之前,你需要先了解如何发布一个 npm-package?,以及 Vue.use 和 Vue.component 实现。
注意:从
UI
组件功能实现到打包构建,本文主要是均是针对Vue3
写的,如果你需要在Vue2
中使用,需要单独提供可用于Vue2
的UI
库…
突然想起,项目里大多时候,UI
组件库在进行全局或者局部注册的时候,会使用到 Vue.use
,有时候也会使用到 Vue.component
,那么两者之间有什么区别呢?我们又应该如何根据场景选择注册方式呢?
其实两者从定义上讲区别还是挺明显的:
v-if
:用于条件性地显示或隐藏一个元素,适用于简单的条件渲染。
component
:通过:is
属性实现组件的动态切换,适用于更复杂的条件渲染场景,可以根据条件加载不同的组件
那为什么要单独拧出来说呢?是因为两者在特殊情况下是具有一致性的..😟😟😟
前面开发移动端功能的时候,发现调试并不是很方便,主要体现在部分兼容性问题和体验上,浏览器模拟的手机并不能完全替代。
部分功能只有上线后,才能在手机上发现错误,然后机缘巧合下发现了腾讯开源的 vConsole
工具。
vConsole
一个轻量、可拓展、针对手机网页的前端开发者调试面板。和框架无关,可以在任何地方进行使用。(微信小程序的官方调试工具)
嘿嘿~,就是这么神奇,早上来公司写代码,由于周五走的时候并没有关掉服务,所以来了我就像往常一样工作。新的一周开始了…美滋滋 😚😚😚
一些不可描述的原因,编辑器很卡,公司真的该换得电脑了 😶😶😶 我重启了 vscode
,执行 nr start
想着先把程序跑起来。
md
,command not found? wtf?
我不可能没装这个工具的呀,难道是我切了其他版本自己忘记了?,试着运行了一下 node -v
😋😋😋 什么是 tm
的惊喜…node command not found
大哥 不要搞我啊…
一大早到公司上班,就被告知有一个看似无厘头的 bug
需要解决?
原话是:在电脑浏览器上能够正常访问?甚至是打开调试工具,模拟手机进行调试也可以访问,无任何异常信息…
but...
,当同样的链接放到手机真机上时,不能正常访问服务,页面一片空白?
其实要解决 bug
,只要能发现原因所在,就算解决一半了。
然而…目前只有..猜测?程序员怎么能靠猜呢?
,是不是也得断点调试debugger
一套流程走下来…
ok,如果你真的这么做了,你会发现...嘿嘿 毫无收获...😉😉😉
因为它不抛异常,也不报错,连 vConsole
都没能让它在控制台留下任何异常输出.
vConsole:
一个轻量、可拓展、针对手机网页的前端开发者调试面板。同样的,目前也是微信小程序的官方调试工具