Vue3 的 KeepAlive 和 Teleport 内置组件 2023年07月11日 Mr. Ma 1112 Vue3 提供了一些可以直接使用的内置组件，包括 Transition、TransitionGroup、KeepAlive、Teleport、Suspense。之前写了 Transition 和 TransitionGroup ，这里继续来写 KeepA... 阅读全文 0 评论
Vue3 的过渡动画组件 Transition 和 TransitionGroup 2023年05月22日 Mr. Ma 3114 Vue3 提供了 Transition 和 TransitionGroup 两个过渡动画组件，其中 Transition 主要用于元素或组件使用 v-if 、v-show 和路由切换时显示过渡动画，TransitionGroup 用于 v-for 渲染的... 阅读全文 0 评论
Vue3 的自定义指令 2023年05月12日 Mr. Ma 1520 Vue 的指令是一种在 HTML 模板中以 v- 开头的属性，像 v-show 、v-if 、v-for之类的都属于指令。除了使用 Vue 内置的指令外，你也可以自定义指令。自定义指令的主要功能就是操作 DOM 元素，当 Vue 的内置指令无法满足你的需... 阅读全文 0 评论
Vue3 组件通信 provide 和 inject 2023年05月08日 Mr. Ma 1124 父组件如果需要给子组件传递数据可以使用 props 。父组件如果需要给子组件下的子组件传递数据也可以使用 props 把数据传给子组件，然后子组件再把数据通过 props 逐级的传给下面的子组件。使用 props 逐级传递，如果组件层级不深的话也可以，但... 阅读全文 0 评论
Vue3 状态管理工具 Pinia 的简单使用 2023年04月27日 Mr. Ma 1583 Pinia 是 Vue 的一个状态管理工具，它的功能和 Vuex 差不多，主要用于 Vue3 的状态管理，但也可以用于 Vue2。目前 Vue 官方推荐的状态管理工具也是 Pinia，它相比 Vuex 来说，在扩展性和对 TypeScript 的支持要更... 阅读全文 0 评论
Vue3 的 setup 语法糖 2023年04月23日 Mr. Ma 2702 Vue3 的组件可以有两种不同的风格书写，它们包括 选项式 API (Options API) 和 组合式 API (Composition API)。选项式 API 还是和之前版本的 Vue 一样，使用 export 导出一个包含各种选项的对象，里面可... 阅读全文 0 评论
手动搭建 Electron-vue 开发环境 2022年07月17日 Mr. Ma 3612 Electron 是一个使用 HTML、CSS、JavaScript、Node.js 来开发桌面应用程序的开源框架，它具有开发速度快和跨平台方便的优点。虽然打包的软件体积比较大，体验也不如 C++ 的 QT 和 C# 的 WPF，但是 Electron ... 阅读全文 0 评论
Vuex 的简单使用 2020年07月30日 Mr. Ma 2149 Vue 组件之间有很多种通信方式，例如 props、ref、$emit 等。但是这些通信方式都有一个问题就是一次只能和一个组件通信，如果要把值传给多个组件就需要写多行代码，而且对于层级较多的组件来说需要传很多次，不太方便。Vuex 是 Vue 的一个状态... 阅读全文 0 评论
Webpack 本地服务器设置代理 2020年03月18日 Mr. Ma 4361 因为浏览器同源策略的限制，AJAX 是不能跨域请求的，只有后端设置了 header 才能跨域请求。对于前后端分离的项目来说，前端如果要测试 API 就需要后端设置 header 来配合前端，前端在发送请求也需要输入完整的域名，而且也不方便传递 Cooki... 阅读全文 0 评论
Vue Router 传递参数 2020年01月16日 Mr. Ma 3180 在访问网站的时候，你可能会发现有的页面的 html 或 php 文件后面会有一些以 ? 开头的文本，这就是页面之间传递参数的方式。在 Vue 中对于使用了路由的动态组件来说，在跳转的时候也需要通过 URL 来传递参数。下面就简单写一下 Vue 路由传递参... 阅读全文 0 评论