- 在`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
- 文章目录🍋回顾🍋什么是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实现可视化界面
- 3分钟带你搞懂Vue双向绑定原理及问题剖析 3分钟带你搞懂Vue双向绑定原理及问题剖析
- 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config... 一、前言webpack.dev.conf.js 配置文件是vue开发环境wepack相关配置文件。// 引入当前目录中的utils工具配置文件var utils = require('./utils')// 引入webpack来使用webpack内置插件var webpack = require('webpack')// 引入config目录中的index.js配置文件var config...
上滑加载中
推荐直播
-
华为云云原生FinOps解决方案，为您释放云原生最大价值2024/04/24 周三 16:30-18:00
Roc 华为云云原生DTSE技术布道师
还在对CCE集群成本评估感到束手无策？还在担心不合理的K8s集群资源申请和过度浪费？华为云容器服务CCE全新上线云原生FinOps中心，为用户提供多维度集群成本可视化，结合智能规格推荐、混部、超卖等成本优化手段，助力客户降本增效，释放云原生最大价值。
回顾中 -
鲲鹏开发者创享日·江苏站暨数字技术创新应用峰会2024/04/25 周四 09:30-16:00
鲲鹏专家团
这是华为推出的旨在和众多技术大牛、行业大咖一同探讨最前沿的技术思考，分享最纯粹的技术经验，进行最真实的动手体验，为开发者提供一个深度探讨与交流的平台。
回顾中
热门标签