手动搭建 Electron-vue 开发环境 2022年07月17日 Mr. Ma Electron 是一个使用 HTML、CSS、JavaScript、Node.js 来开发桌面应用程序的开源框架,它具有开发速度快和跨平台方便的优点。虽然打包的软件体积比较大,体验也不如 C++ 的 QT 和 C# 的 WPF,但是 Electron ... 阅读全文 0 评论
Vuex 的简单使用 2020年07月30日 Mr. Ma Vue 组件之间有很多种通信方式,例如 props、ref、$emit 等。但是这些通信方式都有一个问题就是一次只能和一个组件通信,如果要把值传给多个组件就需要写多行代码,而且对于层级较多的组件来说需要传很多次,不太方便。Vuex 是 Vue 的一个状态... 阅读全文 0 评论
Webpack 本地服务器设置代理 2020年03月18日 Mr. Ma 因为浏览器同源策略的限制,AJAX 是不能跨域请求的,只有后端设置了 header 才能跨域请求。对于前后端分离的项目来说,前端如果要测试 API 就需要后端设置 header 来配合前端,前端在发送请求也需要输入完整的域名,而且也不方便传递 Cooki... 阅读全文 0 评论
Vue Router 传递参数 2020年01月16日 Mr. Ma 在访问网站的时候,你可能会发现有的页面的 html 或 php 文件后面会有一些以 ? 开头的文本,这就是页面之间传递参数的方式。在 Vue 中对于使用了路由的动态组件来说,在跳转的时候也需要通过 URL 来传递参数。下面就简单写一下 Vue 路由传递参... 阅读全文 0 评论
Vue 自定义指令的定义和调用 2019年10月25日 Mr. Ma 指令是 Vue 中以 v- 开头的一种属性,像 v-show 、v-model 都属于 Vue 的内置指令。除了内置的指令外,Vue 也允许自定义指令。自定义指令的功能就是操作 DOM。虽然 Vue 可以通过改变数据来操作 DOM,但有的功能还是无法实现... 阅读全文 0 评论
Vue 绑定 class 和 style 2019年10月15日 Mr. Ma 在 原生 JS 中可以通过 classList.add() 和 classList.remove() 这两个方法来动态的增加和删除元素的 class,也可以通过 style 属性来动态的改变元素的样式。在 Vue 中不太推荐直接操作 DOM 元素,但可以... 阅读全文 0 评论
Vue 使用 vue-resource 发送 AJAX 请求 2019年09月28日 Mr. Ma vue-resource 是一个用来发送 XMLHttpRequest 请求的 Vue 插件,它的功能和 jQuery 中的 $.ajax 差不多。有了 vue-resource,简单的 AJAX 请求就不需要手动封装了。安装这里使用 npm 安装,在项... 阅读全文 0 评论
Vue Router 的简单使用 2019年09月18日 Mr. Ma Vue Router 是 Vue 官方提供的路由管理插件。使用 Vue Router 您可以很方便的配置组件和路由的对应关系,可以实现不同的路由显示不同的组件,还能配合 Vue 的过渡动画使用。如果您还不了解路由的话,可以先看一下 前端路由的简单实现 这... 阅读全文 0 评论
Vue 条件渲染 v-if 和 条件展示 v-show 2019年09月12日 Mr. Ma 在 Vue 中 v-show 和 v-if 都能实现元素的显示或隐藏,但是两个指令还是有些不一样的。这里就简单写一下 v-show 和 v-if 两个指令的区别和用法。v-showv-show 的功能是条件展示,如果条件为 true 就显示,否则就隐藏。... 阅读全文 0 评论
Vue 生命周期和钩子函数 2019年09月09日 Mr. Ma 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。Vue 生命周... 阅读全文 0 评论