- 以windows 系统为例，操作方法如下： 一、修改默认浏览器设置谷歌浏览器为默认浏览器。1、首先打开“开始菜单”，点击“控制面板”；2、在“控制面板”里面找到“默认程序”，进入后点击“设置默认程序”；3、加载好后选择 “谷歌浏览器”；4、选择“将此程序设置为默认值”，如果安装360安全卫士，必须先退出360安全卫士，否则设置不起效果。5、选择“选择此程序的默认值”，全选所有的扩展名，保存。... 以windows 系统为例，操作方法如下： 一、修改默认浏览器设置谷歌浏览器为默认浏览器。1、首先打开“开始菜单”，点击“控制面板”；2、在“控制面板”里面找到“默认程序”，进入后点击“设置默认程序”；3、加载好后选择 “谷歌浏览器”；4、选择“将此程序设置为默认值”，如果安装360安全卫士，必须先退出360安全卫士，否则设置不起效果。5、选择“选择此程序的默认值”，全选所有的扩展名，保存。...
- 一、前言在博文《Vue进阶（九十一）：自定义指令》中讲解了Vue自定义指令（局部、全局）的创建方法，及指令相关的钩子函数。此篇博文在此基础上实现vue自定义拖动指令。 二、定义全局拖拽指令定义全局指令，需要在main.js中写入vue.directive('drag',{});即可。但是一般会先在项目中新建一个drag.js文件，在js文件内部实现拖拽逻辑，最后在dom代码中调用该指令。 ... 一、前言在博文《Vue进阶（九十一）：自定义指令》中讲解了Vue自定义指令（局部、全局）的创建方法，及指令相关的钩子函数。此篇博文在此基础上实现vue自定义拖动指令。 二、定义全局拖拽指令定义全局指令，需要在main.js中写入vue.directive('drag',{});即可。但是一般会先在项目中新建一个drag.js文件，在js文件内部实现拖拽逻辑，最后在dom代码中调用该指令。 ...
- 一、前言本文主要讲解基于element-ui datetimepicker实现日期时间，在表单校验中的校验逻辑及实现方法。注：在表单检验时间组件时，应在检验中增加type: 'date'，否则会提示检验对象错误问题。 二、Demovue部分<!--开始/结束日期,时间--><template> <el-row style="margin-top: 13px;"> <el-col :spa... 一、前言本文主要讲解基于element-ui datetimepicker实现日期时间，在表单校验中的校验逻辑及实现方法。注：在表单检验时间组件时，应在检验中增加type: 'date'，否则会提示检验对象错误问题。 二、Demovue部分<!--开始/结束日期,时间--><template> <el-row style="margin-top: 13px;"> <el-col :spa...
- 一、前言Vue项目中应用预处理器，可以有效减少css代码量， 推荐使用Sass、Scss、Less预处理器。在创建项目的时候可以选择预处理器 (Sass/Less/Stylus)。如果当时没有选择，内置的 webpack 仍然会被预配置为可以完成所有的处理，也可以手动安装相应的 webpack loader：# Sassnpm install -D sass-loader node-sa... 一、前言Vue项目中应用预处理器，可以有效减少css代码量， 推荐使用Sass、Scss、Less预处理器。在创建项目的时候可以选择预处理器 (Sass/Less/Stylus)。如果当时没有选择，内置的 webpack 仍然会被预配置为可以完成所有的处理，也可以手动安装相应的 webpack loader：# Sassnpm install -D sass-loader node-sa...
- 一、前言根据Vue响应式原理，在data中定义的数据都会被视为响应式数据，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。vue实例属性$options用来获取定义在data外的数据和方法。因为this上的数据不一定要在data中定义，如果不想变成响应式数据就没有必要定义，这样... 一、前言根据Vue响应式原理，在data中定义的数据都会被视为响应式数据，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。vue实例属性$options用来获取定义在data外的数据和方法。因为this上的数据不一定要在data中定义，如果不想变成响应式数据就没有必要定义，这样...
- 一、前言在前期博文《Vue进阶（六十四）：iframe更改src后页面未刷新问题解决》中讲解了iframe更改src后页面未刷新问题的解决方法，此篇博文主要讲解采用iframe方式嵌套页面IE下页面未展示问题的解决方法。 二、问题分析项目的嵌套逻辑如下：通过 A项目系统a1页面点击菜单进入自己的发起页面，点击发起页面发起按钮，调用后台请求返回B项目系统待跳转b1页面URL，A项目系统通过i... 一、前言在前期博文《Vue进阶（六十四）：iframe更改src后页面未刷新问题解决》中讲解了iframe更改src后页面未刷新问题的解决方法，此篇博文主要讲解采用iframe方式嵌套页面IE下页面未展示问题的解决方法。 二、问题分析项目的嵌套逻辑如下：通过 A项目系统a1页面点击菜单进入自己的发起页面，点击发起页面发起按钮，调用后台请求返回B项目系统待跳转b1页面URL，A项目系统通过i...
- 文章目录🍋第一种🍋第二种🍋第三种🍋总结🍋第一种我们首先将需要的代码文件呈现一下<template><div class="count"> <h2>当前求和为：{{ countStore.sum }}</h2> <h3>欢迎来到:{{ countStore.school }}，坐落于：{{ countStore.address }}</h3><select v-model... 文章目录🍋第一种🍋第二种🍋第三种🍋总结🍋第一种我们首先将需要的代码文件呈现一下<template><div class="count"> <h2>当前求和为：{{ countStore.sum }}</h2> <h3>欢迎来到:{{ countStore.school }}，坐落于：{{ countStore.address }}</h3><select v-model...
- 一、前言在Vue项目开发过程中，应用全家桶vue-router实现路由跳转，且页面前进、后退跳转过程中，分别对应不同的切换动画。vue-router 切换页面时怎么设置过渡动画？首先，需要考虑以下问题：如何判断切换路由时是前进还是后退？每次切换时向左向右切换动画如何实现？可通过以下解决方案实现：给各个页面定义层级，在切换路由时判断用户是进入哪一层页面。如果用户进入更高层级路由那么做前进动画... 一、前言在Vue项目开发过程中，应用全家桶vue-router实现路由跳转，且页面前进、后退跳转过程中，分别对应不同的切换动画。vue-router 切换页面时怎么设置过渡动画？首先，需要考虑以下问题：如何判断切换路由时是前进还是后退？每次切换时向左向右切换动画如何实现？可通过以下解决方案实现：给各个页面定义层级，在切换路由时判断用户是进入哪一层页面。如果用户进入更高层级路由那么做前进动画...
- 文章目录🍀命名路由🍀嵌套路由🍀总结🍀命名路由上一节我们介绍了to的两种写法，分别是字符串写法和对象写法，这里我们使用对象写法来实现命名路由我们先简单修改一下{ path:'/home', component:Home }, { name:"wan", path:'/plays', component:Play }, ... 文章目录🍀命名路由🍀嵌套路由🍀总结🍀命名路由上一节我们介绍了to的两种写法，分别是字符串写法和对象写法，这里我们使用对象写法来实现命名路由我们先简单修改一下{ path:'/home', component:Home }, { name:"wan", path:'/plays', component:Play }, ...
- 手拉手Vue3+vite引入echarts 手拉手Vue3+vite引入echarts
- 手拉手Vite+Vue3+TinyVue+Echarts+TailwindCSS 手拉手Vite+Vue3+TinyVue+Echarts+TailwindCSS
- 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义（1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。（2）具体描述如下：vw：视窗宽度的百分比... 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义（1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。（2）具体描述如下：vw：视窗宽度的百分比...
- 这里的路由是指的页面之间的路径管理器，简单的理解为 vue-router 就是链接路径的管理系统。vue-router 是 Vue.js 官方的路由插件，它和 vue.js 是深度集成的，适合用于构建单页面应用。vue-router 就是将组件映射到路由上面。在 vue-router 单页面应用中，是路径之间的切换，也就是组件的切换。 vue router 路由配置 组件设计在 Vue 中，... 这里的路由是指的页面之间的路径管理器，简单的理解为 vue-router 就是链接路径的管理系统。vue-router 是 Vue.js 官方的路由插件，它和 vue.js 是深度集成的，适合用于构建单页面应用。vue-router 就是将组件映射到路由上面。在 vue-router 单页面应用中，是路径之间的切换，也就是组件的切换。 vue router 路由配置 组件设计在 Vue 中，...
- 文章目录🍀回顾响应式对象🍀介绍toRefs🍀介绍toRef（不常用）🍀总结🍀回顾响应式对象在介绍知识点之前，我们准备好初始代码<template><h2>姓名：{{ person.name }}</h2><h2>姓名：{{ person.age }}</h2><button @click="change_name">修改名字</button><button @click="chan... 文章目录🍀回顾响应式对象🍀介绍toRefs🍀介绍toRef（不常用）🍀总结🍀回顾响应式对象在介绍知识点之前，我们准备好初始代码<template><h2>姓名：{{ person.name }}</h2><h2>姓名：{{ person.age }}</h2><button @click="change_name">修改名字</button><button @click="chan...
- 文章目录🥦下载node.js🥦创建Vue3项目🥦VSCode和Vue3🥦CDN（内容分发网络）🥦使用全局构建版本🥦ES 模块构建版本🥦启用 Import maps🥦下载node.js输入下面命令查看版本node -v下载地址https://nodejs.org/en官方文档建议如下🥦创建Vue3项目创建一个空文件夹（最好路径不要有中文）之后运行 npm create vue... 文章目录🥦下载node.js🥦创建Vue3项目🥦VSCode和Vue3🥦CDN（内容分发网络）🥦使用全局构建版本🥦ES 模块构建版本🥦启用 Import maps🥦下载node.js输入下面命令查看版本node -v下载地址https://nodejs.org/en官方文档建议如下🥦创建Vue3项目创建一个空文件夹（最好路径不要有中文）之后运行 npm create vue...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中 -
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签