欢迎光临
个人技术文档整理
Vue:表单输入绑定
前端技术

Vue:表单输入绑定

tkw 阅读(537) 赞(1)

表单输入绑定表单输入绑定是Vue中最常用的指令之一,它可以让你将表单输入的值与Vue实例中的数据属性绑定在一起。这意味着,当用户输入表单数据时,Vue实例中的数据也会自动更新,反之亦然。这种双向绑定可以极大地简化开发工作,减少了手动更新数据的需要。在Vue中,表单输入绑定可以使用v-model指令来...

Vue CLI:plugin 插件
前端技术

Vue CLI:plugin 插件

tkw 阅读(693) 赞(3)

plugin 插件是什么功能:用于增强Vue(向 Vue.js 添加全局方法或全局资源)作用域:始终是全局的,因此一旦安装了插件,它就可以在任何组件中使用本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据定义插件export defau...

Vue:内置指令、自定义指令
前端技术

Vue:内置指令、自定义指令

tkw 阅读(589) 赞(1)

内置指令v-bind 单向数据绑定,简写为 ":"动态地绑定一个或多个HTML属性到Vue实例中的数据属性点击我v-model 双向数据绑定(一般用于表单控件)v-model指令可以实现双向数据绑定,即将表单元素的value属性绑定到Vue实例中...

Vue:props 配置项
前端技术

Vue:props 配置项

tkw 阅读(539) 赞(2)

什么是propsprops是一种用于传递数据的特性。它允许您在父组件中定义数据,并将其传递给子组件。子组件可以通过props来接收这些数据,并使用它们来渲染自己。props使用方式props 让组件接收外部传过来的数据传递数据://:age="18" ,通过v-bind使得里面的18是数字 //n...

Vue:ref属性
前端技术

Vue:ref属性

tkw 阅读(751) 赞(2)

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

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

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

tkw 阅读(517) 赞(2)

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

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

Vue:侦听属性(watch)

tkw 阅读(487) 赞(2)

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