小马的世界
//Pony's World
联系我|Contact Me 👉
小马的世界

Vue.js学习日记【13】Vue CLI

2024-01-02
Vue CLI 在Vue.js开发中,CLI(命令行界面)和CDN(内容分发网络)用于引入Vue库的方式有显著区别,各有优缺点,适用于不同的场景。 Vue CLI(命令行界面): 描述: Vue CLI是一个基于命令行的工具,用于创建...
阅读更多|Read more

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学习笔记【5】v-model,v-if,v-for

2023-12-01
2023-12-01 3-1-3 Event Object 事件对象是一个包含事件有关信息的对象。 在事件处理函数中,会自动传入一个事件对象作为参数。通常写成 e 或 event。 例如 <div id="app"...
阅读更多|Read more

Vue.js学习日记【4】指令v-on和v-error

2023-11-27
Vue 中的指令(以 v- 开头的)。 Vue 提供了一系列内置的指令,用于在模板中执行特定的操作。这些指令包括但不限于: v-bind: 动态地绑定一个或多个特性,或一个组件 prop 到表达式。 v-model: 在表单控件或组件上创...
阅读更多|Read more

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

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