前端
文章平均质量分 68
小白话
这个作者很懒,什么都没留下…
展开
-
Vue.js 中常用的指令
vue.js中常用指令原创 2024-04-03 15:03:55 · 648 阅读 · 0 评论 -
vue.js的生命周期
Vue.js 中的生命周期钩子是在实例化过程中会自动调用的函数,它们允许你在特定阶段执行自定义逻辑。在 Vue.js 2 和 Vue.js 3 中,生命周期钩子有一些差异,但整体结构是相似的。原创 2024-04-03 15:30:01 · 1718 阅读 · 0 评论 -
vue.js中sync修饰符
在父组件中,我们使用 :value.sync=“parentValue” 将父组件中的 parentValue 与子组件的 value 属性进行双向绑定。使用 sync 修饰符时,你需要在子组件中的 props 中接受一个名为与父组件的属性名相同的属性,并且在更新该属性时,使用 $emit 触发一个名为 update:属性名 的事件。在子组件中,我们接受了一个名为 value 的 prop,并且在 input 元素上绑定了这个 prop 的值。同时,当 input 元素的值发生变化时,我们通过。原创 2024-04-03 15:58:34 · 372 阅读 · 0 评论 -
vue.js中$nextTick
在上面的示例中,当点击按钮时,updateMessage 方法会更新 message 数据,然后通过 $nextTick 方法在 DOM 更新之后执行回调函数。使用 $nextTick 方法可以确保在 Vue 完成 DOM 更新之后再执行特定的操作,这样就能获取到最新的 DOM 状态。总之,$nextTick 方法是一个非常有用的工具,可以帮助你处理 Vue.js 中异步更新 DOM 的情况,确保你在操作 DOM 元素时能够获得最新的状态。// 在 DOM 更新之后执行的代码。'DOM 更新完成'原创 2024-04-03 16:01:48 · 307 阅读 · 0 评论 -
vue.js computed 计算属性
是 Vue.js 中(vue2,vue3通用)用于声明基于响应式数据计算得出的属性的一种方式。它们的值会根据它们的依赖关系进行缓存,并且仅在相关依赖发生改变时才会重新求值。计算属性可以依赖于 Vue 实例中的数据,也可以依赖于其他计算属性。总之,computed 计算属性是 Vue.js 中非常有用的特性,可以简化复杂的逻辑计算,并提高性能和代码的可读性。:计算属性默认情况下是具有缓存的,只有当它的相关依赖发生变化时才会重新计算。:计算属性的值是响应式的,当依赖的数据发生变化时,会自动更新计算属性的值。原创 2024-04-03 15:11:04 · 261 阅读 · 0 评论 -
vue.js 组件通信
} };} } };} } };} } };} } };</} } };</} } };</} } };} } };} } };} } };} } };} } };;} } };} } };} } };;} } };</} } };原创 2024-04-03 15:51:49 · 853 阅读 · 0 评论 -
Vue 2 中 props 使用
【代码】Vue 2 中 props 使用。原创 2024-04-03 14:31:57 · 811 阅读 · 0 评论 -
computed 和 method的不同之处
computed属性会在相关响应式依赖发生变化时才重新计算,并且会缓存计算结果,直到依赖发生变化才会重新计算。这意味着只要相关依赖没有发生变化,多次访问computed属性都会返回之前缓存的结果,不会重复执行计算。methods方法在每次调用时都会执行计算。如果在模板中多次调用了一个方法,每次都会重新执行该方法的计算逻辑。原创 2024-04-03 11:35:49 · 280 阅读 · 1 评论 -
vue.js中ref 和 $refs
在上面的示例中,ChildComponent 是一个子组件,它可能有一些方法或属性可以通过 ref 访问。在 Vue.js 中,ref 是用来给子组件或 DOM 元素赋予一个唯一的标识符,以便在父组件中直接访问子组件或 DOM 元素。一般情况下,通过 this.$refs 可以访问被 ref 标识的子组件或 DOM 元素。需要注意的是,使用 $refs 访问的是真实的 DOM 元素或组件实例,因此在直接操作 DOM 或调用组件方法时需要注意 Vue.js 的生命周期和组件实例的状态。另外,值得注意的是,原创 2024-04-03 16:00:46 · 860 阅读 · 0 评论 -
vue中axios封装
添加了请求拦截器,用于在请求发送之前做一些处理,比如添加请求头信息。在这个示例中,我们通过拦截器为每个请求添加了一个名为Authorization的token。我们可以在创建实例时通过配置对象设置一些默认参数,如baseURL、timeout和headers等。添加了响应拦截器,用于在收到响应后对数据进行处理。在这个示例中,我们简单地返回了响应数据。这样就完成了对Axios的简单封装,并在Vue.js应用程序中使用它进行网络请求。将封装好的Axios实例进行导出,以便在Vue.js组件中使用。原创 2024-04-03 11:28:51 · 510 阅读 · 1 评论 -
JavaScript中var、let和const的区别
综上所述,var、let和const之间的主要区别在于作用域和变量的可变性。在实际编程中,推荐尽可能使用const来声明变量,仅当需要修改变量的值时才使用let,避免使用var。需要注意的是,const声明的常量并不意味着其值是不可变的。如果常量是一个对象或数组,那么其内部的属性或元素是可以被修改的。但是,不能重新赋值给该常量。原创 2024-04-03 11:40:17 · 208 阅读 · 1 评论 -
vue中v-model应用于组件
v-model 是 Vue.js 提供的一个指令,用于实现表单元素和应用状态的双向绑定。通过 v-model 指令,可以简化表单元素与数据之间的同步,让开发者可以更方便地管理表单数据。在大多数情况下,v-model 用于表单输入元素,如 、 和 。它通过在表单元素上绑定 value 属性以及监听对应的 input 事件来实现双向绑定。当用户输入内容时,input 事件会触发并更新关联的数据;反之,当数据改变时,表单元素的值也会相应地更新。原创 2024-04-03 14:24:33 · 403 阅读 · 2 评论 -
vue.js组件的三大组成部分 (结构/样式/逻辑)
在 Vue.js 中,组件的三大组成部分通常被认为是结构(template)、样式(style)和逻辑(script)。原创 2024-04-03 15:34:49 · 682 阅读 · 0 评论 -
vue.js watch 侦听器
具体而言,Vue.js 3 中的 watch 函数的第一个参数是要监视的源(可以是一个 getter 函数或一个 ref/reactive 对象),而在 Vue.js 2 中的 watch 选项的 key 是要监视的属性名。总的来说,尽管在功能上 Vue.js 2 和 Vue.js 3 中的 watch 侦听器相似,但在实现和用法上有一些细微的区别,开发者在迁移或选择版本时需要注意这些差异。这些优化可以带来更好的性能和更流畅的用户体验。watch 侦听器同样是用于观察数据变化并执行相应逻辑的功能。原创 2024-04-03 15:20:34 · 839 阅读 · 0 评论 -
vue.js中组件的基本语法 (全局&局部注册)
在 Vue.js 中,你可以注册全局组件和局部组件。全局组件是在应用程序的任何地方都可以使用的组件,而局部组件只能在父组件中使用。原创 2024-04-03 16:09:47 · 203 阅读 · 0 评论 -
css基础语法
eg: {font-family: Arial,“Microsoft Yahei”, “微软雅黑”;各种字体之间必须使用英文状态下的逗号隔开一般情况下,如果有空格隔开的多个单词组成的字体,加引号.尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示最常见的几个字体:body {font-family: 'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB';原创 2024-03-14 16:04:05 · 89 阅读 · 0 评论 -
HTML基础参数
dl > < dt > 名词1 < dd > 名词1解释1 < dd > 名词1解释2 < dl > < dt > 名词1 < dd > 名词1解释1 < dd > 名词1解释2 < dt > 名词1 < dd > 名词1解释1 < dd > 名词1解释2原创 2024-03-14 16:02:38 · 899 阅读 · 1 评论