vue基础--重点

相关文章

• 

  Vue （v-bind指令、el与data的两种写法、理解MVVM、数据代理、V-no事件处理、双向数据绑定V-model、登陆页面实现

  V-no用于监听DOM对象 v-model 指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定，根据表单上的值，自动更新绑定的元素的值。 按钮的事件我们可以使用 v-on 监听事件，并对用户的输入进行响应。 下拉选项实例：

  2024年01月23日

  浏览(58)
• 

  组件封装v-model .sync在父子组件中实现双向数据绑定 如何处理单向数据流 封装表单组件

  使用watch监听 父组件使用.sync进行数据的绑定 传值子组件时 把值赋值到data的变量中 然后监听该数据的变化 $emit抛出 父组件demo 子组件 展示效果 使用绑定对象的方式打破单向数据流实现 父组件 子组件 参考vue官方及各插件库的方案 使用计算属性来保证双向数据流 通过计算属

  2023年04月19日

  浏览(40)
• 

  uniapp 微信小程序：v-model双向绑定问题（自定义 props 名无效）

  VUE中父子组件传递数据的基本套路： 父传子 props 子传父 this.$emit(\\\'事件名\\\', \\\'数据\\\'); 使用 sync 修饰符，实现 支持同步数据 因为用的是 uniapp 开发小程序，所以要考虑到兼容性问题，不要把自己当正经VUE2。 小程序虽然支持 v-model 指令，但不支持 model 选项。 所以要么子组件中声

  2024年02月15日

  浏览(43)
• 

  vue项目中对组件使用v-model绑定值，在vue3中如何更新数据

  在el-form 中 el-form-item 绑定组件进行校验 想在表单下面爆红提示 可以对组件使用v-model绑定值 vue2 通过this.$emit(‘input’,value) 更新 v-model值 vue3 通过this.$emit(‘update:modelValue’ ,value) 更新 v-model值

  2024年02月15日

  浏览(54)

• vue2--1. 内容渲染指令 2. 属性绑定指令 3. 事件绑定 4. v-model 指令 5. 条件渲染指令

  2. 属性绑定指令 3. 事件绑定 4. v-model 指令 5. 条件渲染指令) List item 推荐大家安装的 VScode 中的 Vue 插件 Vue 3 Snippets https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets Vetur https://marketplace.visualstudio.com/items?itemName=octref.vetur 什么是 vue 构建用户界面 用 vue 往 html 页面中填充

  2024年02月05日

  浏览(52)
• 

  【vue2第十一章】v-model的原理详解 与 如何使用v-model对父子组件的value绑定 和修饰符.sync

  v-model的原理详解 v-model的本质就是一个语法糖，实际上就是 :value=\\\"msg\\\" 与 @input=\\\"msg = $event.target.value\\\" 的简写。 :value=\\\"msg\\\" 从数据单向绑定到input框，当data数据中的msg内容一旦改变，而input框数据也随之改变。 @input=\\\"msg = $event.target.value\\\" 是为input框绑定了input事件，内容改变则触发

  2024年02月10日

  浏览(39)

• vue3 子组件上绑定(v-model=“xx“) 父组件传过来的值后报错

  vue3的项目中, 升级了vant的版本(^4.0.7)后, 子组件中用v-model的地方出现了报错 v-model cannot be used on a prop, because local prop bindings are not writable. Use a v-bind binding combined with a v-on listener that emits update:x event instead. 在阅读vue3的文档中看到了这么一段话 所有的 props 都遵循着单向绑定原则

  2024年02月04日

  浏览(71)
• 

  v-model绑定的数据与接收到的数据类型不一致引发的bug

  在使用v-model的过程中 当页面渲染需要的数据类型与data中定义的数据类型不一致时，页面是不会进行响应式对应渲染的、 如:1:绑定的是string的时候，在定义时是number类型 也会导致页面不更新 2:列表下拉框的选中的数据若定义的是number的话，传递进去string也是不会进行渲染的

  2024年02月16日

  浏览(47)

• element ui input 深层循环v-model绑定默认数据删除不了的情况

  例子： 在项目开发中遇到的，简单记录一下  给input一个@input方法  使其更新视图，这样子就可以正常编辑删除了 出现这种情况是vue不能检测到对象属性的添加或者删除导致视图无法更新

  2024年02月15日

  浏览(66)

• VUE数据双向绑定原理解析

  在Vue.js中，数据双向绑定是一项非常强大的功能。它使开发者能够轻松地将模板与数据进行动态关联，实现了页面和数据之间的实时同步更新。本文将深入探讨VUE中数据双向绑定的原理，并通过代码示例演示其工作机制。 VUE使用了JavaScript对象属性的 Object.defineProperty() 方法来

  2024年02月11日

  浏览(40)