- 在`Vue`项目开发过程中，当你遇到应用逻辑出现错误，但又无法准确定位的时候，知晓`Vue`项目调试技巧至关重要。同后台项目开发一样，可以在`JS`实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。本文主要针对`JetBrains`系列`WebStorm`下`Vue`项目进行调试的2种方法：`debugger`和。## debugger`debugger... 在`Vue`项目开发过程中，当你遇到应用逻辑出现错误，但又无法准确定位的时候，知晓`Vue`项目调试技巧至关重要。同后台项目开发一样，可以在`JS`实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。本文主要针对`JetBrains`系列`WebStorm`下`Vue`项目进行调试的2种方法：`debugger`和。## debugger`debugger...
- 前言Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。一、Vue是什么？ Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。1.框架做分层设计，每层都可选，不同层可以灵活接入... 前言Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。一、Vue是什么？ Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。1.框架做分层设计，每层都可选，不同层可以灵活接入...
- Vue3+ElementPlus+Pinia开发小兔鲜电商项目完整教程（附代码资料）主要内容讲述：认识Vue3，使用create-vue搭建Vue3项目1. Vue3组合式API体验,2. Vue3更多的优势,1. 认识create-vue,2. 使用create-vue创建项目,1. setup选项的写法和执行时机,2. setup中写代码的特点。什么是pinia，创建空Vu Vue3+ElementPlus+Pinia开发小兔鲜电商项目完整教程（附代码资料）主要内容讲述：认识Vue3，使用create-vue搭建Vue3项目1. Vue3组合式API体验,2. Vue3更多的优势,1. 认识create-vue,2. 使用create-vue创建项目,1. setup选项的写法和执行时机,2. setup中写代码的特点。什么是pinia，创建空Vu
- Vue从0基础到大神学习完整教程完整教程（附代码资料）主要内容讲述：vue基本概念，vue-cli的使用，vue的插值表达式，{{ gaga }}，{{ if (obj.age > 18 ) { } }}，vue指令，综合案例 - 文章标题编辑vue介绍,开发vue的方式,基本使用,如何覆盖webpack配置,目录分析与清理,vue单文件组件的说明,vue通过data提供数 Vue从0基础到大神学习完整教程完整教程（附代码资料）主要内容讲述：vue基本概念，vue-cli的使用，vue的插值表达式，{{ gaga }}，{{ if (obj.age > 18 ) { } }}，vue指令，综合案例 - 文章标题编辑vue介绍,开发vue的方式,基本使用,如何覆盖webpack配置,目录分析与清理,vue单文件组件的说明,vue通过data提供数
- Vue3+ElementPlus+Pinia开发小兔鲜电商项目完整教程（附代码资料）主要内容讲述：认识Vue3，使用create-vue搭建Vue3项目1. Vue3组合式API体验,2. Vue3更多的优势,1. 认识create-vue,2. 使用create-vue创建项目,1. setup选项的写法和执行时机,2. setup中写代码的特点。什么是pinia，创建空Vu Vue3+ElementPlus+Pinia开发小兔鲜电商项目完整教程（附代码资料）主要内容讲述：认识Vue3，使用create-vue搭建Vue3项目1. Vue3组合式API体验,2. Vue3更多的优势,1. 认识create-vue,2. 使用create-vue创建项目,1. setup选项的写法和执行时机,2. setup中写代码的特点。什么是pinia，创建空Vu
- 文章目录🍋回顾🍋什么是Hooks？🍋使用hooks🍋Hooks的优点🍋总结🍋回顾老样子，我们准备好起始的代码数据<template> <div class="person"> <h2>求和：{{ sum }}</h2> <button @click="sumAdd">+1</button></div> </template> <script lang="ts" s... 文章目录🍋回顾🍋什么是Hooks？🍋使用hooks🍋Hooks的优点🍋总结🍋回顾老样子，我们准备好起始的代码数据<template> <div class="person"> <h2>求和：{{ sum }}</h2> <button @click="sumAdd">+1</button></div> </template> <script lang="ts" s...
- 文章目录🍋OptionsAPI 与 CompositionAPI🍋对比🍋介绍🍋setup 的返回值🍋Setup语法糖🍋完整代码如下🍋总结🍋OptionsAPI 与 CompositionAPIOptions APIOptions API 是 Vue.js 2.x 中使用的传统组件设计模式。它基于选项对象，将组件的数据、计算属性、方法、生命周期钩子等功能按照选项的形式进行组织。... 文章目录🍋OptionsAPI 与 CompositionAPI🍋对比🍋介绍🍋setup 的返回值🍋Setup语法糖🍋完整代码如下🍋总结🍋OptionsAPI 与 CompositionAPIOptions APIOptions API 是 Vue.js 2.x 中使用的传统组件设计模式。它基于选项对象，将组件的数据、计算属性、方法、生命周期钩子等功能按照选项的形式进行组织。...
- 前言双向数据绑定原理主要运用了发布订阅模式来实现的，通过Object.defineProperty对数据劫持，触发getter，setter方法。数据变化时通知订阅者watcher触发回调视图更新。主要有四个重要的角色：监听器Observer：劫持并监听所有属性，如果有变动的，就通知订阅者。订阅器 Dep：收集订阅者，对监听器 Observer 和 订阅者 Watcher 进行统一管理订阅... 前言双向数据绑定原理主要运用了发布订阅模式来实现的，通过Object.defineProperty对数据劫持，触发getter，setter方法。数据变化时通知订阅者watcher触发回调视图更新。主要有四个重要的角色：监听器Observer：劫持并监听所有属性，如果有变动的，就通知订阅者。订阅器 Dep：收集订阅者，对监听器 Observer 和 订阅者 Watcher 进行统一管理订阅...
- 一、前言Vue 组件作用域是孤立的，不允许在子组件模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先，用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 二、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，... 一、前言Vue 组件作用域是孤立的，不允许在子组件模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先，用脚手架工具 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 二、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，...
- 一、前言在 Vue 项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 （详参博文《Vue进阶（六）：组件之间的数据传递》）。如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex完美的解决了这个问题。 二、什么是Vuex? 为什么要使用Vuex ?首先，我们需要知道 vue 是以单向数据... 一、前言在 Vue 项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式 （详参博文《Vue进阶（六）：组件之间的数据传递》）。如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex完美的解决了这个问题。 二、什么是Vuex? 为什么要使用Vuex ?首先，我们需要知道 vue 是以单向数据...
- 一、前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。目前主流的 Vue 项目，都选择 axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求。Vuex 安装将不再赘述，可以参考之前的博客《Vue进阶（五）：与 Vuex 的第一次... 一、前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。目前主流的 Vue 项目，都选择 axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求。Vuex 安装将不再赘述，可以参考之前的博客《Vue进阶（五）：与 Vuex 的第一次...
- 一、前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource中... 一、前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource中...
- 一、前言在前期博文《Vue进阶（幺零二）：面试必备：2022 Vue经典面试题整理（含答案）》、《Vue进阶（四十七）：面试必备：2021 Vue经典面试题总结（含答案）》介绍了Vue技术框架相关的面试内容，本篇博文主要讲解另一前端技术栈ReactNative相关的技术面内容。 二、React PureComponent 原理介绍当组件更新时，如果组件的 props 和 state 都没发... 一、前言在前期博文《Vue进阶（幺零二）：面试必备：2022 Vue经典面试题整理（含答案）》、《Vue进阶（四十七）：面试必备：2021 Vue经典面试题总结（含答案）》介绍了Vue技术框架相关的面试内容，本篇博文主要讲解另一前端技术栈ReactNative相关的技术面内容。 二、React PureComponent 原理介绍当组件更新时，如果组件的 props 和 state 都没发...
- 今天为大家带来一套教程，教大家入门“脚手架”，相信你一定会有所收获。 目前项目已开源且仍处于开发阶段，后续会更新更多内容，如有不正确的地方请大家指正，我会及时更新并纠正我的错误。 今天为大家带来一套教程，教大家入门“脚手架”，相信你一定会有所收获。 目前项目已开源且仍处于开发阶段，后续会更新更多内容，如有不正确的地方请大家指正，我会及时更新并纠正我的错误。
- 3分钟搞懂Vue整合Echarts实现可视化界面 3分钟搞懂Vue整合Echarts实现可视化界面
上滑加载中
推荐直播
-
华为云IoT开源专家实践分享：开源让物联网平台更开放、易用2024/05/22 周三 16:30-18:00
张俭 华为云IoT DTSE技术布道师
开源，意味着开放、共享、互助、共赢。作为万物上云及各行业数字化的物联网底座，华为云IoT积极拥抱开源，借助行业开源的最佳实践，构建可靠、易用的物联网平台，并通过开放南北向SDK，助力开发者快速构建物联网应用。本期直播，华为云IoT开源专家、物联网平台资深“程序猿”张俭，带你了解华为云IoT的开源生态，并手把手教你玩转开源社区！
去报名 -
华为云开发者日·广州站2024/05/23 周四 14:30-17:30
华为云专家团
华为云开发者日HDC.Cloud Day是面向全球开发者的旗舰活动，汇聚来自千行百业、高校及科研院所的开发人员。致力于打造开发者专属的技术盛宴，全方位服务与赋能开发者围绕华为云生态“知、学、用、创、商”的成长路径。通过前沿的技术分享、场景化的动手体验、优秀的应用创新推介，为开发者提供沉浸式学习与交流平台。开放创新，与开发者共创、共享、共赢未来。
去报名
热门标签