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