monoplasty的博客

100行代码简单理解Vue3响应式原理

1. readonly API的使用在我们传递给其他组件数据时，如果直接将响应式数据传递给子组件。子组件如果使用数据不规范，修改了父组件传进来的props值没有任何反馈。// 父组件// <ReadonlyChild :info="info" />setup() { const info = reactive({ name: "哇哈哈", }); return { info, };}// 子组件setup(props) {

1. 初始化Vue3项目安装vue-cli 官网https://cli.vuejs.org/zh/guide/安装成功后 可使用 vue命令脚手架搭建项目: 使用vue create 项目的名称命令vue create demo2. 项目创建过程：选择圈中的选项（按空格选中）3. 代码规范配置3.1 集成editorconfig配置在项目根目录下创建.editorconfig 文件;官网：http://editorconfig.orgroot = true[*]c

目录基于滑动式的验证码，免于字母验证码的繁琐输入 用于网页注册或者登录VUE3+TS实现快速使用1.项目中引用props事件实例APIdescriptionexample基于滑动式的验证码，免于字母验证码的繁琐输入 用于网页注册或者登录VUE3+TS实现A Vue3 plugin to slide verify Demo快速使用1.项目中引用安装:npm install --save vue3-slide-verifypropsParamTypeDescribeVers

Vue-cli 4.x 配置pug,less,rem布局等新项目配置高效率的开发环境开始安装是的问题配置pug配置less配置全局自动引入 `common.less`配置px2rem配置代理等结语新项目配置高效率的开发环境很久没有关注Vue生态圈，发现Vue-cli已经4.x版本了，相比3.0版本又有了一些优化，对应的环境配置也有点不同了。感兴趣可关注我的公众号 ruanjianxiaoyu 相互探讨学习，分享更多有趣好玩的东西。记得后台留言哦！开始安装是的问题官方文档上有说明，在安装最新的

目录预览安装使用方法参数说明props传参（均为可选）自定义回调函数注意事项预览目前仅前端实现github文档地址： https://github.com/monoplasty/vue-monoplasty-slide-verify安装npm install --save vue-monoplasty-slide-verify使用方法// main.jsimport Vue f......

纯前端实现表格导出，支持1000条以上数据项目源码地址工具函数使用说明采用vue组件实现，原理大致是： 先通过接口请求到所有的数据，对数据处理之后转化成base64，通过uri数据导出。项目源码地址github地址: https://github.com/monoplasty/vue-batch-export工具函数// 创建导出数据模板function CreateTemplate(...