JavaScript

Vue.js学习日记【11】组合式 API(Composition API)的方法

2023-12-30
Reactive Vue 的 reactive 函数是 Vue 3 中的一个核心功能,用于创建响应式对象。这个概念是基于 JavaScript 的 Proxy 功能,允许 Vue 跟踪一个对象的属性访问和修改。这样,当对象的属性改变时,Vu...
阅读更多|Read more

Vue.js学习日记【10】Composition API

2023-12-16
Vue 3 引入的 Composition API 是一个新的编写组件逻辑的方式,它旨在提高代码的组织性和可复用性。与 Vue 2 中的 Options API 相比,Composition API 提供了更灵活的组织组件逻辑的方法,尤其是...
阅读更多|Read more

Vue.js学习日记【9】内置组件 动画

2023-12-11
2023-12-11 5-1 内置组件 5-1-1 component组件 在 Vue.js 中,component 是一个特殊的内置组件,它用于动态地绑定到不同的组件。通过使用 component 组件,你可以在同一个挂载点上切换多个组件...
阅读更多|Read more

Vue.js学习日记【8】slot插槽

2023-12-10
4-3 slot插槽 当然可以。Vue 中的 slot(插槽)是一种非常强大的特性,用于创建具有可定制内容的组件。它允许你在父组件中定义一些内容,然后将这些内容放入子组件的指定位置。这样做可以增加组件的灵活性和重用性。 举个例子来说明: ...
阅读更多|Read more

Vue.js学习日记【7】组件

2023-12-06
4-1 组件的基本使用 4-1-1 组件的定义 javascript Vue.createApp({}) .component('my-component', { template: '<div>{{na...
阅读更多|Read more

Vue.js学习日记【6】高级数据绑定

2023-12-04
3-4 绑定数据的derective 3-4-1 v-bind 把数据绑定到属性上 <div id="app"> <form> <label for="m...
阅读更多|Read more

Vue.js学习日记【3】生命周期和异步特性

2023-11-25
vue.js的生命周期 什么是生命周期 vue实例从创建到销毁的过程,就是生命周期。vue.js为了控制整个vue的生命周期提供了许多勾子函数也就是lifecycle hooks,这些勾子函数可以让我们在vue的每个生命周期中去执行我们自己...
阅读更多|Read more

Vue.js学习日记【2】初见Vue.js

2023-11-22
1.使用vue.js的准备 最简单的使用方法是直接在页面中引入vue.js的cdn文件 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global...
阅读更多|Read more

Vue.js学习日记【1】基本概念

2023-11-20
引入 Vue.js是由Evan You在2014年开发的一套前端框架,它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 SPA(Single Page Application) SPA正如名称所示,是指单页面应用,它是一...
阅读更多|Read more

JS学习日记【10】window对象和console对象

2023-11-07
JavaScript - window 对象 JavaScript 中的 window 对象代表了浏览器窗口,并且作为全局对象在浏览器的环境中扮演着核心的角色。在浏览器环境中,window 对象具有多重作用: 全局对象:在浏览器环境中,...
阅读更多|Read more