Vue

barwe

累计撰写 218 篇文章
累计创建 59 个标签
累计收到 5 条评论

标签搜索

以下是 Vue 相关的文章

2023-05-10
基于浏览器缓存的渐进式 Composable API 下面是一个用于本地缓存存取的工具类：import localforage from 'localforage'type StorageType = 'sessionStorage' | 'localStorage' | 'localforage'class CacheIO<T> { p
- 2023-05-10
- 1016
- 0
- 0
- 项目心得
2023-05-05
marked 引入公式渲染插件 marked-katex-extension marked 是一个用来将 MarkDown 文档渲染成 HTML 的 NPM 工具。marked 本身不提供对公式的渲染，如果要渲染公式还需要安装额外的插件包。marked-katex-extension 插件包可以用来渲染公式，但是它本身是一个 js 包，在 ts 项目中使用不能通过 ts 编译
- 2023-05-05
- 2221
- 0
- 1
2023-03-10
highlight.js 集成到 marked 并动态切换明暗两种主题以 atom-one 主题为例，首先我们将两个样式表抄过来：将 highlight.js/styles/atom-one-dark.css 抄到 assets/css/hljs/atom-one-dark.scss 里面，并在外面套个 .hljs-atom-one-dark{} 壳子将 highl
- 2023-03-10
- 3287
- 0
- 1
2023-03-08
浏览器刷新或者后退时怎么记住 NTabs 组件的子标签组件状态？使用 Tabs 组件时一般会设置一个默认展示的 tab 子组件，当我们在非默认子组件刷新浏览器页面时，Tabs 组件将恢复到它默认的子组件。或者我们通过非默认子组件进入下一级路由后点击浏览器的返回按钮，页面将返回 Tabs 组件的默认子组件，而不是我们路由跳转前的那个非默认子组件。<n-tab
- 2023-03-08
- 969
- 0
- 0
- 项目心得
2022-08-11
vue开发实践：动态打印日志的窗口定义一个定高的显示框，不断向显示框中打印添加日志消息，每次更新时都将内容滚动至最底部。其关键步骤就是：找到被滚动的元素，然后设置其 scrollTop 等于 scrollHeight。这里我使用了 NaiveUI 提供的 NScrollbar 组件代替了原生的滚动条：<script setup
- 2022-08-11
- 3947
- 0
- 0
2022-08-09
vue3：CSS 样式中引用 JavaScript 变量在 SFC style CSS variable injection (new edition) #231 中尤大给出了在 style 标签中引用 js/ts 变量的解决方案：在 style 标签中使用v-bind()工具绑定 script 中的 js 变量<script>expor
- 2022-08-09
- 1879
- 0
- 0
2022-05-15
Vue3模板 - 结合 NaiveUI 提供的消息组件配置 Axios 在 vue3 项目中配置 axios 拦截器，向用户抛出错误消息。主要技术点：使用 axios 进行请求和响应的拦截使用 naive-ui 的 MessageApi 向用户抛出异常使用 TypeScript 类型友好的异步请求配置 axios 拦截器import axios from 'axios'
- 2022-05-15
- 2857
- 0
- 2
2022-05-11
Vue组件 - Slot 插槽的设计目的是：子组件的模板在一定程度上是可变的，父组件可以根据自己的需要修改子组件模板的指定部分。相当于子组件提供了一个“插槽”，父组件按照约定将模板块插入到子组件中。这个插入的模板块只能访问父组件的数据，不能访问子组件的数据，因为它是定义在父组件中的，需要访问的子组件的数据需要通过插槽属性传入
- 2022-05-11
- 1030
- 0
- 0
2022-05-10
Vue组件 - Emit & v-model 当组件的数据或者状态发生变化时，可以触发一个自定义事件，供父组件实现一些额外操作。触发自定义事件一般有两种情况：组件的数据发生变化，需要将这种变化反馈给父组件，例如v-model 双向绑定Watch 数据的变化并触发事件……由组件内的其他子组件触发的事件，需要回馈给父组件，例如表单输入组件常用的in
- 2022-05-10
- 1365
- 0
- 0
2022-05-10
Vue组件 - 非 Props 属性隐式贯穿是一种特殊的编程结构。它由多个相似的有序条件组成，当一个条件执行完成后，除非显式声明跳出结构，否则它将继续执行后面的条件。举几个例子……switch 语句每个case中除非显式使用break语句，否则它将继续执行后续的case：switch (value) { case 0:
- 2022-05-10
- 997
- 0
- 0

1
2