![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue知识点总结
qq_31093255
这个作者很懒,什么都没留下…
展开
-
vue中修饰符.sync
.sync修饰符用于简化子组件通知父元素更新传入参数这个动作的代码逻辑父组件上代码:<template> <div> <!--没用.sync时,就要子组件通过$emit触发自定义事件来监听--> <!-- <toast :showFlag="showFlag" @update:showFlag="showFlag=$event" /> --> <!--加了.sync, 就省去以上部分--> <原创 2020-07-22 18:34:49 · 104 阅读 · 0 评论 -
自定义组件的v-model
若想封装表单上通用或美化组件,可用自定义组件v-model来实现,默认props为value和事件为inputinput[type=“text”]的自定义组件父组件上代码<template> <div> <input-model v-model="inputVal" /> {{inputVal}} </div></template><script>import InputModel from "@/c原创 2020-07-22 17:40:02 · 729 阅读 · 0 评论 -
模拟hash模式和history模式
在vue-router中有两种模式:hash模式和history模式hash模式hash模式:是用hash方式来模拟一个完整URL,其中URL中hash值即自带#之后值,hash值发生变化时,页面不会重新加载,可以通过onhashchange事件来监听hash(window.location.hash)值的变化来实现更新页面需要更新内容,不需刷新页面。模拟一个hash模式例子来加深理解,代码如下<!DOCTYPE html><html lang="en"><hea原创 2020-07-22 11:44:03 · 308 阅读 · 0 评论