- 一、HTML5 中的 template 标签html5中template标签内容在页面中并不会显示。但是在后台查看页面DOM结构却存在template标签。这是因为template标签设置了display:none;属性，天生不可见。 <!--当前页面只显示"我是自定义表现abc"这个内容，不显示"我是template", 这是因为template标签天生不可见--><template> ... 一、HTML5 中的 template 标签html5中template标签内容在页面中并不会显示。但是在后台查看页面DOM结构却存在template标签。这是因为template标签设置了display:none;属性，天生不可见。 <!--当前页面只显示"我是自定义表现abc"这个内容，不显示"我是template", 这是因为template标签天生不可见--><template> ...
- vue-router 是 Vue.js 的官方路由管理器，它允许你在单页应用（SPA）中通过简单的配置定义路由和页面之间的映射关系。通过使用 vue-router，你可以实现在不同 URL 下加载不同的组件，从而实现页面间的无缝切换，并且可以利用其提供的导航守卫、路由参数、动态路由等功能来实现更丰富的页面控制和交互。 作用实现页面间的导航：通过定义路由规则，可以让用户在单页应用中进行页面之间... vue-router 是 Vue.js 的官方路由管理器，它允许你在单页应用（SPA）中通过简单的配置定义路由和页面之间的映射关系。通过使用 vue-router，你可以实现在不同 URL 下加载不同的组件，从而实现页面间的无缝切换，并且可以利用其提供的导航守卫、路由参数、动态路由等功能来实现更丰富的页面控制和交互。 作用实现页面间的导航：通过定义路由规则，可以让用户在单页应用中进行页面之间...
- 在Vue应用中，main.js文件扮演着至关重要的角色，它是整个Vue应用的入口文件。main.js负责初始化Vue应用实例、加载全局配置、注册全局组件、引入插件以及挂载Vue实例到DOM上。通过main.js，我们可以配置Vue应用的各种选项、引入需要的库或者插件，以及进行一些全局的初始化操作。下面我将详细介绍main.js的作用和使用场合，并结合示例进行说明。 作用 1. 创建Vue实例... 在Vue应用中，main.js文件扮演着至关重要的角色，它是整个Vue应用的入口文件。main.js负责初始化Vue应用实例、加载全局配置、注册全局组件、引入插件以及挂载Vue实例到DOM上。通过main.js，我们可以配置Vue应用的各种选项、引入需要的库或者插件，以及进行一些全局的初始化操作。下面我将详细介绍main.js的作用和使用场合，并结合示例进行说明。 作用 1. 创建Vue实例...
- 以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：视窗宽度的百分比...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签