杨斌‘Blog 万事万物像个动态的缺陷系统并不完美,不停的有Bug,只能在不完美中变得更好一点。

WebStorm用Debug模式调试Vue等前端项目

一、问题说明 开发前端时,一直很苦恼调试前端代码的麻烦。 简单的内容可以通过console.log()在控制台打印变量值,来验证预期结果。 涉及到稍复杂的逻辑,就需要在代码中侵入增加debugger,或者在浏览器中找到js文件,再手动添加断点。 非常的麻烦,而且浏览器中对变量的追踪功能也有限,同时我

杨斌 杨斌 发布于 2026-01-08

vue中ref和reative的区别

在 Vue 3 的 Composition API 中,ref 和 reactive 都是创建响应式数据的方法,但它们有以下主要区别: 1. 数据类型 ref: 可以处理基本类型和对象类型 javascript const count = ref(0) // 基本类型 const obj = ref

杨斌 杨斌 发布于 2026-01-07

Vue中const、let、var核心区别总结

在 Vue.js 中,const、let 和 var 是 JavaScript 的变量声明关键字,它们的核心区别体现在 作用域、变量提升 和 重复声明 等方面。以下是详细说明和对比: 一、核心区别总结

杨斌 杨斌 发布于 2025-06-30

Vue3中useRoute与useRouter的区别

在 Vue 3 的 Composition API 中(配合 Vue Router 4),useRoute() 和 useRouter() 都是用于路由管理的函数,但它们的用途和返回值有本质区别: const route = useRoute() 作用:获取当前激活的路由信息对象(响应式) 返回值:

杨斌 杨斌 发布于 2025-06-29

Vue3中函数的定义

// 存储所有可用的分类名称(字符串数组) const categoryList = ref<string[]>([]) // 存储当前选中的分类(初始值为'all'表示"全部") const selectedCategory = ref<string>('all') // 存储所有可用的标签名称(

杨斌 杨斌 发布于 2025-06-29

Vue基础知识

Vue.js 是一种流行的 JavaScript 框架,用于构建用户界面。以下是一些 Vue编程的基础知识: Vue 实例 Vue 应用程序的核心是 Vue 实例。你可以通过创建一个Vue实例来初始化你的应用程序。 var app = new Vue({  // 选项 }) 模板语法 Vue 使用

杨斌 杨斌 发布于 2025-06-26