凯小默的博客_Vue 技术栈

vue里使用crypto-js实现AES加解密

"使用 key：kaimo313 对密码 123456 进行加密""使用 key：kaimo313 对密码 123456 进行解密"

crypto-js

AES加解密

html

加密解密

原创 2022-10-30 06:00:37 470 阅读

【Vue 开发实战】实战篇 # 31：如何将菜单和路由结合

【Vue 开发实战】学习笔记。SiderMenu.vueSubMenu.vue路由配置参考https://github.com/vueComponent/ant-design-vue/blob/1.4.0/components/menu/demo/SubMenu.vue

vue.js

ide

ico

sed

原创 2022-10-13 22:21:03 291 阅读

【Vue 开发实战】实战篇 # 42：如何定制主题及动态切换主题

并注入到您的 index.html 文件中，以便您可以在浏览器中更改 Ant Design 特定的颜色主题。此脚本生成颜色特定

vue.js

html

css

javascript

原创 2022-10-09 15:56:29 542 阅读

【Vue 开发实战】拓展篇 # 47：如何发布组件到npm以及nrm的介绍

nrm 可以帮助您轻松快速地在不同的NPM注册表之间切换，现在包括:NPM, cnpm，taobao，nj(nodejitsu)。使用nrm ls可以查看注册列表nrm ls将注册表切换到CNPM。

npm

vue.js

nrm

开发实战

github

原创 2022-10-08 08:27:26 217 阅读

【Vue 开发实战】拓展篇 # 48：结课测试和GitHub相关生态应用持续集成、单测覆盖率、文档发布、issue管理（完结）

【Vue 开发实战】学习笔记。

github

ci/cd

issue

开发实战

git

原创 2022-10-08 08:27:13 92 阅读

【Vue 开发实战】实战篇 # 41：如何管理系统中使用的图标

/ 使用 vue-svg-loader 时 Logo 是函数式组件。// 没有使用 vue-svg-loader 时 logo 是

vue.js

ico

html

函数式

原创 2022-10-03 11:34:45 134 阅读

使用antd-theme-webpack-plugin报错Error LessError: Cannot find module ‘antd/lib/style/themes/default.less

文件的 362 行使用了。所以问题就定位到了这个文件，而这个文件所在的包是。的代

vue.js

and design vue

css

启动服务

github

原创 2022-10-03 11:34:19 4788 阅读

【Vue 开发实战】实战篇 # 39：创建一个分步表单

【Vue 开发实战】学习笔记。第二步：填写密码提交。// 以载荷形式分发。// 以对象形式分发。

vue.js

yacc

开发实战

原创 2022-10-03 08:39:46 386 阅读

【Vue 开发实战】实战篇 # 40：自己封装一个支持自动校验的表单项

自定义或第三方的表单控件，也可以与 Form 组件一起使用。提供受控属性 value 或其它与 valuePropName-参数) 的值同名的属性。提供 onChange 事件或 trigger-参数) 的值同名的事件。不能是函数式组件。

vue.js

yacc

表单

控件

原创 2022-10-03 08:39:44 179 阅读

【Vue 开发实战】实战篇 # 32：如何使用路由管理用户权限

菜单也是根据权限进行展示，比如是user用户没有表单的权限访问。访问没有权限的路由跳转到403页面。【Vue 开发实战】学习笔记。

vue.js

ide

ico

表单

原创 2022-10-03 01:53:30 253 阅读

【Vue 开发实战】实战篇 # 30：实现一个可动态改变的页面布局

【Vue 开发实战】学习笔记。完成下面的一个布局，效果如下SettingDrawer 抽屉配置Ant Design Vue helperant-design-vue-helper 是 Ant Design Vue 的 VS Code 扩展。可以自己安装 vscode 的扩展。

vue.js

ide

sed

ico

原创 2022-10-03 01:44:55 472 阅读

Proxy error: Could not proxy request xxx from localhost:8080 to http://localhost:3000(ECONNREFUSED)

的意思就是：ECONNREFUSED（连接被拒绝）：无法建立连都是 8080 端口即可。

vue.js

html

清除缓存

文件名

原创 2022-10-02 19:40:41 10000+阅读 1评论

【Vue 开发实战】实战篇 # 33：更加精细化的权限设计（权限组件、权限指令）

组件式相对来说比较灵活，但是需要用的都要嵌套一层。指令的缺点就是如果权

vue.js

ico

sed

开发实战

原创 2022-10-02 19:40:32 107 阅读

【Vue 开发实战】实战篇 # 34：如何在组件中使用ECharts、Antv等其他第三方库

这里我们使用 echarts 为例在项目里面添加 echarts 库。// 基于准备好的dom，初始化echarts实例。// 基于准备好的dom，初始化echarts实例。// 使用刚指定的配置项和数据显示图表。// 使用刚指定的配置项和数据显示图表。【Vue 开发实战】学习笔记。

echarts

vue.js

初始化

配置项

数据

原创 2022-10-02 19:40:23 237 阅读

【Vue 开发实战】实战篇 # 35：如何高效地使用Mock数据进行开发

我们通过 mock 数据来进行开发，比如下面的图表数据来自我们的 mock 数据调用接口。需要清除缓存，不然每次都是一样的数据，可以看这个状态是否是 304。【Vue 开发实战】学习笔记。'ECharts 入门示例'

vue.js

数据

ios

html

原创 2022-10-02 19:40:17 179 阅读

【Vue 开发实战】实战篇 # 36：如何与服务端进行交互（Axios）

windows 需要安装 cross-env 才能拿到参数。我们使用一个不存在的 api 测试一下。【Vue 开发实战】学习笔记。'ECharts 入门示例'里面使用 jsx 的语法。

vue.js

ios

html

启动服务

原创 2022-10-02 19:40:11 120 阅读

【Vue 开发实战】实战篇 # 37：创建一个普通表单

在基础表单添加下面基础代码，里面是手动校验的方式，这

vue.js

前端

表单

开发实战

基础代码

原创 2022-10-02 19:40:07 85 阅读

【Vue 开发实战】实战篇 # 38：表单初始数据、自动校验、动态赋值

ant design vue 的表单设计模式是自动校验不能使用双向

vue.js

数据

表单

表单校验

原创 2022-10-02 19:39:59 199 阅读

【Vue 开发实战】实战篇 # 44：如何高效地构建打包发布

vue.js

echarts

moment

按需加载

ico

原创 2022-10-02 19:39:29 210 阅读

【Vue 开发实战】实战篇 # 45：如何构建可交互的组件文档让代码高亮的显示在页面

我们不走 webpack 的配置，使用下面一种方式。我们可以看到效果已经出来了，不过没有样式。【Vue 开发实战】学习笔记。'ECharts 入门示例'分析页添加这个高亮的显示。要实现这个代码的显示。

vue.js

vue-highlightjs

highlightjs

raw-loader

github

原创 2022-10-02 19:39:21 157 阅读

【Vue 开发实战】生态篇 # 23：组件库对比：Element UI、Ant Design Vue、iView

【Vue 开发实战】学习笔记。

Element UI

Ant Design Vue

iView

开发实战

talkingdata

原创 2022-09-25 00:01:33 304 阅读

【Vue 开发实战】生态篇 # 25：单元测试的重要性及其使用

测试间谍是一个函数，它记录所有调用的参数、返回值、this 的

vue.js

单元测试

jest

sinon

vue/test-utils

原创 2022-09-25 00:01:16 114 阅读

vue里使用docx-preview预览docx文件

/ boolean：如果为true，图片、字体等会转为base 64 URL，否则使用

vue.js

docx-preview

xml

html

分页

原创 2022-09-25 00:01:08 8406 阅读 4点赞 1收藏 2评论

【Vue 开发实战】生态篇 # 17：Vuex核心概念及底层原理

【Vue 开发实战】学习笔记。

vue.js

响应式

数据

赋值

原创 2022-09-25 00:00:39 134 阅读

【Vue 开发实战】生态篇 # 19：Vue Router的使用场景

【Vue 开发实战】学习笔记。

vue.js

vue-router

html

开发模式

初始化

原创 2022-09-25 00:00:38 160 阅读

【Vue 开发实战】生态篇 # 18：Vuex最佳实践

创建基于某个命名空间辅助函数。【Vue 开发实战】学习笔记。

vuex

vue.js

赋值

取值

命名空间

原创 2022-09-25 00:00:37 75 阅读

【Vue 开发实战】生态篇 # 22：Nuxt核心原理是什么？

vue项目是通过虚拟 DOM来挂载到html的，所以对spa项目，爬虫才会只看到初始结构。虚拟 DOM，最终要通过

服务端

bundle

html

原创 2022-09-25 00:00:34 379 阅读

【Vue 开发实战】生态篇 # 20：选择何种模式的路由及底层原理

【Vue 开发实战】学习笔记。

vue.js

vue-router

不兼容

开发实战

原理图

原创 2022-09-25 00:00:32 94 阅读

【Vue 开发实战】生态篇 # 21：Nuxt解决了哪些问题？

其实对于静态页面还可以使用一个 Vue 专用的静态页面生成器 Gridsome，算是对 React Gatsby 的一个模仿，通过 GraphQ

vue.js

nuxt

静态页面

应用程序

开发实战

原创 2022-09-25 00:00:32 39 阅读

【Vue 开发实战】生态篇 # 24：提升开发效率和体验的常用工具：ESLint、Prettier、vue-devtools

跟 eslint 有些重叠，eslint 侧重校验， Prettier 主要侧重格式化，在一起使用需要做一些配置，防止两者使用冲突，比如使用了。

ESLint

Prettier

vue-devtools

开发实战

远程调试

原创 2022-09-25 00:00:27 58 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

凯小默的博客

vue里使用crypto-js实现AES加解密

【Vue 开发实战】实战篇 # 31：如何将菜单和路由结合

【Vue 开发实战】实战篇 # 42：如何定制主题及动态切换主题

【Vue 开发实战】拓展篇 # 47：如何发布组件到npm以及nrm的介绍

【Vue 开发实战】拓展篇 # 48：结课测试和GitHub相关生态应用持续集成、单测覆盖率、文档发布、issue管理（完结）

【Vue 开发实战】实战篇 # 41：如何管理系统中使用的图标

使用antd-theme-webpack-plugin报错Error LessError: Cannot find module ‘antd/lib/style/themes/default.less

【Vue 开发实战】实战篇 # 39：创建一个分步表单

【Vue 开发实战】实战篇 # 40：自己封装一个支持自动校验的表单项

【Vue 开发实战】实战篇 # 32：如何使用路由管理用户权限

【Vue 开发实战】实战篇 # 30：实现一个可动态改变的页面布局

Proxy error: Could not proxy request xxx from localhost:8080 to http://localhost:3000(ECONNREFUSED)

【Vue 开发实战】实战篇 # 33：更加精细化的权限设计（权限组件、权限指令）

【Vue 开发实战】实战篇 # 34：如何在组件中使用ECharts、Antv等其他第三方库

【Vue 开发实战】实战篇 # 35：如何高效地使用Mock数据进行开发

【Vue 开发实战】实战篇 # 36：如何与服务端进行交互（Axios）

【Vue 开发实战】实战篇 # 37：创建一个普通表单

【Vue 开发实战】实战篇 # 38：表单初始数据、自动校验、动态赋值

【Vue 开发实战】实战篇 # 44：如何高效地构建打包发布

【Vue 开发实战】实战篇 # 45：如何构建可交互的组件文档让代码高亮的显示在页面

【Vue 开发实战】生态篇 # 23：组件库对比：Element UI、Ant Design Vue、iView

【Vue 开发实战】生态篇 # 25：单元测试的重要性及其使用

vue里使用docx-preview预览docx文件

【Vue 开发实战】生态篇 # 17：Vuex核心概念及底层原理

【Vue 开发实战】生态篇 # 19：Vue Router的使用场景

【Vue 开发实战】生态篇 # 18：Vuex最佳实践

【Vue 开发实战】生态篇 # 22：Nuxt核心原理是什么？

【Vue 开发实战】生态篇 # 20：选择何种模式的路由及底层原理

【Vue 开发实战】生态篇 # 21：Nuxt解决了哪些问题？

【Vue 开发实战】生态篇 # 24：提升开发效率和体验的常用工具：ESLint、Prettier、vue-devtools

欢迎