code_8721-CSDN博客

原创记录今天查询的问题

是一个用于加载远程 HTML 内容的函数。它将发送一个 HTTP GET 请求到指定的 URL，并把返回的 HTML 内容插入到指定的元素中。在这个示例中，我们向服务器发送了一个带有数据的 GET 请求。然后，当加载完成时，会弹出一个包含响应文本的警告框。的 HTML 内容插入到 ID 为。在 jQuery 中，

2023-09-05 17:24:18 79

原创 vue3-toRefs

是Vue 3的响应式API之一，它的作用是将响应式对象（reactive）转换成普通对象（ref），并对该普通对象的每个属性做一次ref操作，使得每个属性都是响应式的。这个函数非常有用，因为当你需要展开响应式对象并使用其中的多个或所有属性作为响应式数据时，它可以确保对象展开的每个属性都是响应式的。，并且该对象的属性都是响应式的。，我们将其转换为一个普通对象。是一个响应式对象，它有属性。

2023-09-04 17:03:54 305

它可以访问到组件实例的上下文（props、data、methods 等），同时也可以使用 Composition API 对组件进行逻辑复用和代码组织。总的来说，setup() 是 Vue3 中新的组件选项，它可以让我们使用 Composition API 对组件进行更好的逻辑复用和代码组织。同时，它也可以访问到组件实例的上下文，使得我们在编写组件时更加灵活和方便。setup() 函数还可以使用其他的 Composition API，例如 reactive()、watch()、computed() 等。

2023-06-21 13:33:46 102

原创 vue 选项式和组合式创建一个应用

通过上述步骤就可以使用选项式创建应用了。这种方式虽然比较简单易懂，但是在大型应用中可能会导致代码复杂度过高，不利于代码维护和重用。Vue3 推出了组合式 API，可以更好地组织代码。Vue 3 的组合式 API 可以让开发者更灵活地组织代码，使代码结构更加清晰易懂。在 Vue2 中，我们使用选项式创建应用，这种方式基于 Vue 的选项来组织代码。这里定义了一个计数器的组合式函数，使用了。这里创建了一个计数器的组件，使用了。选项来创建响应式数据，并使用。组件，从而在应用中使用它。选项来定义计数器的逻辑。

2023-06-21 11:46:20 91

原创 vue3的选项模式和组合模式

通过将组件逻辑拆分为独立的函数或 Hooks，再通过这些函数来描述组件的数据、计算属性、方法、生命周期等内容。组合式使用的是函数式编程的风格，将组件拆分为可复用的逻辑单元，易于维护和复用。在使用选项式编写组件时，一个组件的所有选项都需要编写在同一个对象中，很容易造成代码冗长、复杂的情况，同时也不利于组件的重用和测试。而组合式则可以更加灵活的组合不同的逻辑单元，实现组件的高内聚、低耦合。相比于传统的选项式 API，组合式 API 不需要在多个选项之间切换，降低了学习成本，也更加符合函数式编程的思想。

2023-06-21 11:44:28 1091

原创 vue3进阶第一章安装

选择使用 Vue.js 的版本。目前 Vue CLI 支持 Vue.js 2.x 和 3.x，选择 Vue.js 3.x 就可以创建一个 Vue3 项目。目前 Vue CLI 支持 Vue.js 2.x 和 3.x，选择 Vue.js 3.x 就可以创建一个 Vue3 项目。选择是否使用类风格的组件语法，如果选择 Yes，则会使用 Vue3 新增的 class 风格组件语法。选择是否使用类风格的组件语法，如果选择 Yes，则会使用 Vue3 新增的 class 风格组件语法。

2023-06-21 11:28:50 321