- 我在本地用cds run 命令启动 SAP Cloud Application Programming 应用后，访问如下 url：http://localhost:4004/vue/index.html发现 Chrome 开发者工具里有一些错误消息，导致页面无法正常渲染：仔细观察这个vue应用，发现它调用了下列这个endpoint：endpoint返回的结果里，genre和currency字... 我在本地用cds run 命令启动 SAP Cloud Application Programming 应用后，访问如下 url：http://localhost:4004/vue/index.html发现 Chrome 开发者工具里有一些错误消息，导致页面无法正常渲染：仔细观察这个vue应用，发现它调用了下列这个endpoint：endpoint返回的结果里，genre和currency字...
- 一、用Vue 做一个简单的比较两个数字的大小的页面 二、用Vue做一个简单网页计算器 用插槽实现一个导航栏 编写一个登录页面，使用Tab栏实现“账号登录”和“二维码登录”这两种方式的切换，并通过transition组件结合animate.css实现切换时的动画效果 一、用Vue 做一个简单的比较两个数字的大小的页面1、 考核知识点创建vue实例和对v-model内置指令的使用2、 练习目标... 一、用Vue 做一个简单的比较两个数字的大小的页面 二、用Vue做一个简单网页计算器 用插槽实现一个导航栏 编写一个登录页面，使用Tab栏实现“账号登录”和“二维码登录”这两种方式的切换，并通过transition组件结合animate.css实现切换时的动画效果 一、用Vue 做一个简单的比较两个数字的大小的页面1、 考核知识点创建vue实例和对v-model内置指令的使用2、 练习目标...
- 前言：👏作者简介：我是笑霸final，一名热爱技术的在校学生。📝个人主页：笑霸final的主页📕系列专栏：前端📧如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步👀🔥如果感觉博主的文章还不错的话，👍点赞👍 + 👀关注👀 + 🤏收藏🤏@TOC 零 准备工作先去官网下载Vue：官网地址然后引入Vue<script type="text/javascript" s... 前言：👏作者简介：我是笑霸final，一名热爱技术的在校学生。📝个人主页：笑霸final的主页📕系列专栏：前端📧如果文章知识点有错误的地方，请指正！和大家一起学习，一起进步👀🔥如果感觉博主的文章还不错的话，👍点赞👍 + 👀关注👀 + 🤏收藏🤏@TOC 零 准备工作先去官网下载Vue：官网地址然后引入Vue<script type="text/javascript" s...
- 对于vue中的vue-router和keep-alive结合使用，使得组件的缓存能够更有针对性 对于vue中的vue-router和keep-alive结合使用，使得组件的缓存能够更有针对性
- 一、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：视窗宽度的百分比...
- 前言因为是Python系列只是简单介绍VUE的基本使用。组件是Vue中的一个重要概念，是一个可以重复使用的Vue实例，它拥有独一无二的组件名称，它可以扩展HTML元素，以组件名称的方式作为自定义的HTML标签。因为组件是可复用的Vue实例，所以它们与new Vue（）接收相同的选项，例如data，computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特... 前言因为是Python系列只是简单介绍VUE的基本使用。组件是Vue中的一个重要概念，是一个可以重复使用的Vue实例，它拥有独一无二的组件名称，它可以扩展HTML元素，以组件名称的方式作为自定义的HTML标签。因为组件是可复用的Vue实例，所以它们与new Vue（）接收相同的选项，例如data，computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特...
- 前言因为是Python系列只是简单介绍VUE的基本使用。组件是Vue中的一个重要概念，是一个可以重复使用的Vue实例，它拥有独一无二的组件名称，它可以扩展HTML元素，以组件名称的方式作为自定义的HTML标签。因为组件是可复用的Vue实例，所以它们与new Vue（）接收相同的选项，例如data，computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特... 前言因为是Python系列只是简单介绍VUE的基本使用。组件是Vue中的一个重要概念，是一个可以重复使用的Vue实例，它拥有独一无二的组件名称，它可以扩展HTML元素，以组件名称的方式作为自定义的HTML标签。因为组件是可复用的Vue实例，所以它们与new Vue（）接收相同的选项，例如data，computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特...
- Vue是使用数据驱动视图，也就是数据改变，DOM也相应完成变化，并且因为是非侵入式的数据响应，所以需要一个关键方法Object.defineProperty Vue是使用数据驱动视图，也就是数据改变，DOM也相应完成变化，并且因为是非侵入式的数据响应，所以需要一个关键方法Object.defineProperty
- keep-alive是vue中缓存动态组件的抽象组件，对于频繁切换的组件来说，为了避免消耗，可以使用keep-alive进行缓存，达到优化的效果 keep-alive是vue中缓存动态组件的抽象组件，对于频繁切换的组件来说，为了避免消耗，可以使用keep-alive进行缓存，达到优化的效果
- echarts饼图指示器的文字颜色设置 echarts饼图指示器的文字颜色设置
- 问题起源最近借鉴开源管理系统若依（http://www.ruoyi.vip/）开发公司的管理系统，尤其是其使用VUE的前端。在借鉴若依用户管理时遇到一个很怪的BUG。这个bug不能准确复现，但是希望通过这次问题阐述帮助整理清楚问题原因。 问题定位在开发用户管理界面，编辑已有用户账号时，其操作界面如下：这次，我们遇到的问题是角色选项时，虽然返回的数据可以自动选中之前已经选择的角色，但是无法勾... 问题起源最近借鉴开源管理系统若依（http://www.ruoyi.vip/）开发公司的管理系统，尤其是其使用VUE的前端。在借鉴若依用户管理时遇到一个很怪的BUG。这个bug不能准确复现，但是希望通过这次问题阐述帮助整理清楚问题原因。 问题定位在开发用户管理界面，编辑已有用户账号时，其操作界面如下：这次，我们遇到的问题是角色选项时，虽然返回的数据可以自动选中之前已经选择的角色，但是无法勾...
- 一、前言在 Vue 项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 （详参博文《Vue进阶（六）：组件之间的数据传递》）。如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex完美的解决了这个问题。 二、什么是Vuex? 为什么要使用Vuex ?首先，我们需要知道 vue 是以单向数据... 一、前言在 Vue 项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 （详参博文《Vue进阶（六）：组件之间的数据传递》）。如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex完美的解决了这个问题。 二、什么是Vuex? 为什么要使用Vuex ?首先，我们需要知道 vue 是以单向数据...
- 一、前言通俗理解mutations，里面装着一些改变数据方法的集合，这是Vuex设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。 二、如何使用 mutations ？mutation结构每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler)，也可以理解为{type:handler()} ，这和订阅发布有点类似。... 一、前言通俗理解mutations，里面装着一些改变数据方法的集合，这是Vuex设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。 二、如何使用 mutations ？mutation结构每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler)，也可以理解为{type:handler()} ，这和订阅发布有点类似。...
- 代码示例：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',...
- 一、前言Vue 组件作用域是孤立的，不允许在子组件模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先，用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 二、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，... 一、前言Vue 组件作用域是孤立的，不允许在子组件模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先，用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 二、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，...
上滑加载中
推荐直播
-
在昇腾云上部署使用DeepSeek2025/02/14 周五 16:30-18:00
Hao-资深昇腾云解决方案专家
昇腾云上有多种方法部署DeepSeek，讲师一步步演示，解析配置参数的含义和推荐的选择。学完一起动手搭建自己的DeepSeek环境吧！
回顾中
热门标签