- 组件库开发：vite + vue开发一个组件 组件库开发：vite + vue开发一个组件
- 在Vue中，应用watch来响应数据的变化，示例代码如下， 一、第一种方式<input type="text" v-model="userName"/> //监听当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}第一种方式有一个缺点： 就是当值第一次绑定的时候不会执行监听函数，只有... 在Vue中，应用watch来响应数据的变化，示例代码如下， 一、第一种方式<input type="text" v-model="userName"/> //监听当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}第一种方式有一个缺点： 就是当值第一次绑定的时候不会执行监听函数，只有...
- 人生箴言：感恩积极 乐观 健康 向上 阳光 大气 一、前言blur与change事件在绝大部分情况下表现都非常相似，输入结束后，离开输入框，会先后触发change与blur，唯有两点例外。1. 没有进行任何输入时，不会触发change。在这种情况下，输入框并不会触发change事件，但一定会触发blur事件。在判断表单修改状态时，这种差异会非常有用，通过change事件能轻易地找到哪些字段发... 人生箴言：感恩积极 乐观 健康 向上 阳光 大气 一、前言blur与change事件在绝大部分情况下表现都非常相似，输入结束后，离开输入框，会先后触发change与blur，唯有两点例外。1. 没有进行任何输入时，不会触发change。在这种情况下，输入框并不会触发change事件，但一定会触发blur事件。在判断表单修改状态时，这种差异会非常有用，通过change事件能轻易地找到哪些字段发...
- 一、前言什么是iframe？iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。什么是postMessage？window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同值... 一、前言什么是iframe？iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。什么是postMessage？window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同值...
- 一、Vue 定时器在vue中，有两种定时器，一是浏览器API，window对象上的；另一种就是vue/nodejs封装的，需要引入。import { setInterval, clearInterval } from 'timers'建议使用window对象自带的，因为不容易错。如果一不小心只引入一个，就怎么也清不掉了。import { setInterval } from 'timers... 一、Vue 定时器在vue中，有两种定时器，一是浏览器API，window对象上的；另一种就是vue/nodejs封装的，需要引入。import { setInterval, clearInterval } from 'timers'建议使用window对象自带的，因为不容易错。如果一不小心只引入一个，就怎么也清不掉了。import { setInterval } from 'timers...
- @TOC 一、前言对于Vue 渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于改变视图的同时不会向后端发出请求。一、为了达到这个目的，浏览器提供了以下两种支持：hash ——即地址栏URL中的#符号（此hash 不是密码学里的散列运算）。比如这个URL：http://www.abc.com/#/hello,... @TOC 一、前言对于Vue 渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于改变视图的同时不会向后端发出请求。一、为了达到这个目的，浏览器提供了以下两种支持：hash ——即地址栏URL中的#符号（此hash 不是密码学里的散列运算）。比如这个URL：http://www.abc.com/#/hello,...
- 代码示例：this.$store.commit('loginStatus', 1);this.$store.dispatch('isLogin', true);规范使用方式：// 以载荷形式store.commit('increment'，{ amount: 10 //这是额外的参数})// 或者使用对象风格的提交方式store.commit({ type: 'increment',... 代码示例：this.$store.commit('loginStatus', 1);this.$store.dispatch('isLogin', true);规范使用方式：// 以载荷形式store.commit('increment'，{ amount: 10 //这是额外的参数})// 或者使用对象风格的提交方式store.commit({ type: 'increment',...
- 一、场景描述在项目开发过程中，应用iframe实现外系统页面嵌套的时候，发现引入其他页面后，页面内容并未刷新加载，经过一番研究，解决方案如下：vm.iframeSrc = iframeSRCif (document.getElementById('iframe')) { setTimeout(() => { document.getElementById(iframeid).conten... 一、场景描述在项目开发过程中，应用iframe实现外系统页面嵌套的时候，发现引入其他页面后，页面内容并未刷新加载，经过一番研究，解决方案如下：vm.iframeSrc = iframeSRCif (document.getElementById('iframe')) { setTimeout(() => { document.getElementById(iframeid).conten...
- @TOC 一、前言dev-server.js 配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境。由于这是一个系统配置文件，涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 导入check-versions.js文件，并且执行导入的函数，用来确定当前环境node和npm版本是否符合要求// 关于check-ve... @TOC 一、前言dev-server.js 配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境。由于这是一个系统配置文件，涉及很多模块和插件，所以这部分内容我将分多个文章讲解，请关注博主其他文章。// 导入check-versions.js文件，并且执行导入的函数，用来确定当前环境node和npm版本是否符合要求// 关于check-ve...
- 一、什么是 MVVM ？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过View... 一、什么是 MVVM ？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过View...
- 原文链接 代码地址前端地址：https://github.com/Snowstorm0/SpringAndVue-vue后端地址：https://github.com/Snowstorm0/SpringAndVue-spring 1 数据库创建MySQL数据库。表名为user_data，人员信息有number、name。效果如下： 2 前端 2.1 创建项目打开cmd，输入ui命令：vue ... 原文链接 代码地址前端地址：https://github.com/Snowstorm0/SpringAndVue-vue后端地址：https://github.com/Snowstorm0/SpringAndVue-spring 1 数据库创建MySQL数据库。表名为user_data，人员信息有number、name。效果如下： 2 前端 2.1 创建项目打开cmd，输入ui命令：vue ...
- @toc 1、问题描述 今天碰到了个问题，我有个属性分组的页面，该页面中引入两个子组件，一个是左侧的属性菜单子组件，另一个是新增按钮的对话框组件。右侧为一个表格，显示左边树形菜单中三级分类的所有商品。 但是通过新增按钮添加商品之后，右侧的表格并不会刷新显示最新的数据。 我们的目的是子组件中表单提交之后通知父组件刷新表格中的数据。 2、解决方案：this.$emit()方法 子组件某些... @toc 1、问题描述 今天碰到了个问题，我有个属性分组的页面，该页面中引入两个子组件，一个是左侧的属性菜单子组件，另一个是新增按钮的对话框组件。右侧为一个表格，显示左边树形菜单中三级分类的所有商品。 但是通过新增按钮添加商品之后，右侧的表格并不会刷新显示最新的数据。 我们的目的是子组件中表单提交之后通知父组件刷新表格中的数据。 2、解决方案：this.$emit()方法 子组件某些...
- 之前做项目的时候发现后端传过来的 SetCookie 不能正常在浏览器中使用。是因为谷歌浏览器新版本Chrome 80将Cookie的SameSite属性默认值由None变为Lax。接下来带大家解决该问题。 之前做项目的时候发现后端传过来的 SetCookie 不能正常在浏览器中使用。是因为谷歌浏览器新版本Chrome 80将Cookie的SameSite属性默认值由None变为Lax。接下来带大家解决该问题。
- @toc 1、问题描述 最近做了一个前后端分离的通用权限管理系统，今天想用自己的服务器部署下，本地部署测试是没问题的，但是部署在服务器上还是出现了许多小插曲，这里大概记录一下吧。 2、项目打包 2.1 前端项目打包 由于我需要在同一个端口号下使用nginx部署多个前端项目，所以需要额外设置一些东西。 2.1.1 修改vue.config.js文件 添加如下配置： 2.1.2 route... @toc 1、问题描述 最近做了一个前后端分离的通用权限管理系统，今天想用自己的服务器部署下，本地部署测试是没问题的，但是部署在服务器上还是出现了许多小插曲，这里大概记录一下吧。 2、项目打包 2.1 前端项目打包 由于我需要在同一个端口号下使用nginx部署多个前端项目，所以需要额外设置一些东西。 2.1.1 修改vue.config.js文件 添加如下配置： 2.1.2 route...
- 一、resource请求npm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("") 二、axios 请求npm install axios --save axios.defaults.baseURL = "根地址"//vue页面引入i... 一、resource请求npm install vue-resource --save import VueResource from 'vue-resource'Vue.use(VueResource)this.$http.get("") 二、axios 请求npm install axios --save axios.defaults.baseURL = "根地址"//vue页面引入i...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签