当前位置: 首页 > 网络应用技术

Vue组件翻新页面

时间:2023-03-05 16:48:31 网络应用技术

  它只是编写降价文档。它确实在任何地方都受到限制,并且无法满足定制的样式和功能。有时,它只是简单地修改页面或做一些组件演示内容,而不是开发一组主题。因此,有必要在项目下使用项目中的组件,毕竟,这并不是那么困难。

  每个版本的使用仍然不同,尤其是与之相比,因此请尝试与阅读时使用的版本进行比较,以避免不必要的反复试验和错误。

  安装插件需要安装 @vuepress/plugin-register-components插件并配置它,在Vuepress 1.0中,MD文件可以自动识别导出的文件。

  配置插件的配置修改如下:

  档官方配置项目文档

  我本地配置文件的一部分:

  在文件夹中创建VUE组件以创建一个新的组件文件夹。存储VUE组件。文件结构如下:

  在这一点上,MD文件可以自动识别所有VUE组件而不引入它。要完成以下步骤,您可以看到项目中使用的效果。

  文件的内容如下。此组件可以由于需求而确定。这只是参考,与以下效果相对应。这里没有业务ID来替换它。

  使用要在文件中直接引入的VUE组件。当然,您可以自由选择。我们已经将数据传递给了组件。如果没有数据交互,它将更简单,并且会直接引用。

  此时,该组件已被介绍到页面。让我们看一下效果?门户:

  原始:https://juejin.cn/post/7113507999797239303