欢迎光临
个人技术文档整理

前端技术

Vue:ref属性
前端技术

Vue:ref属性

tkw 阅读(752) 赞(2)

什么是ref属性?ref是Vue框架中提供的一个特殊属性,它允许我们在模板或组件中标识某个DOM元素或子组件,并且通过该属性可以在Vue实例中访问和操作这些元素或组件。(id的替代者)ref属性使用方式打标识:DOM元素上添加ref属性,组件上添加ref属性或 获取:this.$refs.xxx设置...

Vue:计算属性(computed)和 侦听属性(watch) 之间的区别
前端技术

Vue:计算属性(computed)和 侦听属性(watch) 之间的区别

tkw 阅读(518) 赞(2)

计算属性 vs 侦听属性功能:计算属性是用来解决模板语法冗余的, 侦听器是用来侦听data中某一数据的变化(功能不同)1. 计算属性有缓存机制, 侦听器没有2. 计算属性不支持异步操作, 侦听器支持3. 计算属性可以给vue新增属性, 侦听器必须是data中已有的属性4. (可选)计算属性只要使用了...

Vue:侦听属性(watch)
前端技术

Vue:侦听属性(watch)

tkw 阅读(488) 赞(2)

什么是侦听属性(watch)?在Vue中,我们可以使用侦听属性(watch)来监视和响应数据的变化。侦听属性(watch)可以帮助我们更好地控制Vue实例中的数据,以及在数据变化时执行自定义的操作。侦听属性(watch)和计算属性(computed)非常相似,它们都可以监视数据的变化并执行一些操作。...

Vue:计算属性(computed)
前端技术

Vue:计算属性(computed)

tkw 阅读(605) 赞(2)

计算属性(computed)1)定义:要用的属性不存在,要通过已有属性计算得来;2)原理:底层借助了 Object.defineProperty() 方法提供的 getter 和 setter;3)get 函数什么时候执行?1、初次读取时会执行一次,再调用会读缓存;2、当依赖的数据发生改变会被再次调...

Vue:常用事件处理
前端技术

Vue:常用事件处理

tkw 阅读(467) 赞(1)

v-on 事件的基本用法 使用 v-on:xxx或**@xxx**绑定事件,其中 xxx 是事件名事件的回调需要配置在methods对象中,最终会在vm上methods中配置的函数,不要用箭头函数,否则this就不是vm了methods中配置的函数,都是被Vue所管理的函数,this 的指向是vm或...

Vue:el与data的两种写法
前端技术

Vue:el与data的两种写法

tkw 阅读(494) 赞(2)

el 的两种写法内联写法Vue 实例中声明 el 属性来指定它所挂载的元素new Vue({el: '#app' //使用 el 属性将 Vue 实例挂载到 id 为 "app" 的元素上})外部写法外部写法与内联写法相反,它将 el 属性与 Vue 实例分开声明。这种方式通常使用 $mount()...

Vue 项目中常用npm命令
前端技术

Vue 项目中常用npm命令

tkw 阅读(595) 赞(1)

npm命令检查npm管理包npm -v安装模块 – npm install npm install x: 将模块安装到项目的node_modules目录中,但不写入package.json;npm install --global x: 不会将模块安装到项目的node_modules,而是会安装到n...

JavaScript之什么是 Object.defineProperty
前端技术

JavaScript之什么是 Object.defineProperty

tkw 阅读(520) 赞(2)

什么是 Object.definePropertyObject.defineProperty 是 JavaScript 中的一个内置方法,用于在对象上定义新的属性或修改现有属性。通过使用这个方法,我们可以控制属性的各种行为,例如属性的可枚举性、可配置性、可写性以及获取和设置属性值时的自定义逻辑。使用...