随笔分类 - vue

内置指令

摘要：常用 v-bind: 单向绑定,可简写为:xxx v-model: 双向绑定 v-for: 遍历数组/对象/字符串 v-on: 绑定事件监听,可简写为@ v-if: 条件渲染(动态节点是否存在) v-show: 条件渲染(动态节点是否展示) 其他 v-text: 渲染文本内容,不会解析标签不能拼接文阅读全文

posted @ 2022-12-22 12:15 邢韬阅读(17) 评论(0) 推荐(0) 编辑

hash与history路由

摘要：两者都可以进行路由的配置 hash路由最明显的标志就是url中会存在一个/#/，可以使用window.location.hash来读取，通过URL对象的url.hash属性也可识别 history路由url中不会有#，看起来美观些，但是当url中有路由地址时，刷新页面会出现错误，因为发送Http请求阅读全文

posted @ 2022-01-10 13:27 邢韬阅读(110) 评论(0) 推荐(0) 编辑

Vue3中toRef和toRefs

摘要：toRef toRef 用于为源响应式对象上的属性新建一个ref，从而保持对其源对象属性的响应式连接。接收两个参数：源响应式对象和属性名，返回一个ref数据。例如使用父组件传递的props数据时，要引用props的某个属性且要保持响应式连接时就很有用。 import {defineProps, t 阅读全文

posted @ 2021-12-28 19:43 邢韬阅读(1041) 评论(0) 推荐(1) 编辑

Script setup中使用props和emit

摘要：Script setup语法糖中使用props和emit方法 import {defineEmits, defineProps, toRefs} from "vue" const props = defineProps({ route:{ type:String, default(){ return 阅读全文

posted @ 2021-12-28 19:38 邢韬阅读(1640) 评论(0) 推荐(0) 编辑

Vue列表渲染v-for中index作为key的问题

摘要：如下图：若用Index作为key，当数据更新时，虚拟DOM重新进行对比(diff): 首先,key为0时，文本节点出现不一致,所以要生成一个新的真实DOM 其次，对比input节点，因为虚拟DOM没有value属性，所以input节点是一样的，直接复用以此类推，就会出现节点错位问题且因为Key 阅读全文

posted @ 2021-10-21 13:10 邢韬阅读(957) 评论(0) 推荐(0) 编辑

简单理解MVVM

摘要：阅读全文

posted @ 2021-05-23 20:48 邢韬阅读(34) 评论(0) 推荐(0) 编辑