Vue
爱凑热闹828
这个作者很懒,什么都没留下…
展开
-
vue3.2+ts报错:找不到模块“./App.vue”或其相应的类型声明
未定义 .vue文件 的类型, 导致 ts 无法解析其类型,在env.d.ts中定义后方可解决。原创 2023-02-21 08:40:26 · 1701 阅读 · 0 评论 -
vue的常见修饰符
当我们在监听元素滚动事件时候,会一直触发onscroll事件,在pc端是没啥问题的,但是在移动端,会让网页变卡,因此我们使用这个修饰符的时候 ,相当于onscroll 事件整了一个。作用是将值转成数字类型,但是先输入字符串和先输入数字,用两种清况,先输入数字的话,只取前面。作用是,改变输入框的值时value不会改变,当光标离开输入框时,v-model绑定的值value才会改变。事件默认是由里往外冒泡,capture修饰符的作用是反过来的,是由外往内捕获。作用是,只有点击绑定的本身才会触发事件。原创 2023-01-02 23:35:56 · 299 阅读 · 0 评论 -
vue的常见指令
v-if :根据表达式的值的truthiness 来有条件地渲染元素。v-pre : 跳过这个元素和它的子元素的编译过程。v-show : 根据表达式之真假值 来切换元素的 display CSS property. 当条件变化是该指令触发过渡效果。v-else: 前提条件必须有 v-if 或 v-else-if v-if为false执行。v-else-if :前提条件必须有 v-if 或 v-else-if 多有条件使用。v-html : 更新元素的 innerHTML (可解析标签)原创 2023-01-04 15:08:19 · 358 阅读 · 0 评论 -
mock功能-了解mock的作用及使用场景
mock 假的。原创 2022-12-26 22:04:41 · 187 阅读 · 0 评论 -
localstorage 和 cookie的区别?
在实际开发中,我会根据具体情况来选择使用它们.如果不需要与服务器通信并且可以长时间保存在客户端的信息就可以采用localstorage来保存, 例如: 会话状态管理(如用户登录状态、购物车、游戏分数或其它需要记录的信息);个性化设置(如用户自定义设置、主题等);第三:在请求的时候,cookie会被携带,而localstorage不会.同源的cookie信息会自动作为请求头的一部分发给服务器,如果过多的设置cookie,会额外增加通信负荷.而localstorage没有这个问题,它是一直存在浏览器端.原创 2022-12-28 23:27:21 · 218 阅读 · 0 评论 -
如何解决跨越
也就是 为了网络安全起见,浏览器设置了一个同源策略,规定只有域名,端口,协议全部相同,就叫做同源。当页面在执行一个脚本时,会检查访问的资源是否同源,如果不是,就会报错。可是在实际开发中,经常会有跨域加载资源的需求,避免不了跨域请求,所以就出现了跨域。同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。所以我们引出浏览器的同源策略,就是指必须在同一个协议,域名,端口号下,而且三者必须一致的。原创 2022-12-24 17:18:48 · 2131 阅读 · 0 评论 -
数组转对象 对象转数组
index.vue文件中我们可以看到应用了三个模板组件。分别是头部,侧边栏和main主体部分。。2.就是首页使用的组件。原创 2022-12-21 22:32:58 · 114 阅读 · 0 评论 -
为什么避免v-for和v-if在一起使用
Vue 处理指令时,v-for 比 v-if 具有更高的优先级, 虽然用起来也没报错好使, 但是性能不高, 如果你有5个元素被v-for循环, v-if也会分别执行5次,先循环再做分支判断,一起使用会造成性能浪费。在Vue2中,v-for的优先级是高于v-if的,如果作用在同一元素上,输出的渲染函数中可以看除会先执行循环再判断条件,哪怕只渲染列表中一小部分元素,也得在每次重渲染的时候遍历整个列表,这会造成性能的浪费。使用过程中,最好不要把它们同时用在一个元素上。1.把v-if 放在 v-for 的外层。原创 2022-12-20 16:51:24 · 122 阅读 · 0 评论 -
vue的生命周期
第一次加载页面会触发前四个钩子。原创 2022-12-15 21:59:46 · 119 阅读 · 0 评论 -
vuex中有哪些配置项
通过dispatch触发actions,actions中发请求,请求的结果到达之后,通过commit触发mutations,并且对mutaions的每一次触发都可以通过devtools来观测到。在mutations中修改state之后,由于state中的数据是响应式的,所以凡是用到state数据的组件都会自动更新。4.actions作用:负责异步操作 一般用于发ajax请求 将请求到的数据通过commit触发mutaions来修改state。3.mutaions作用:负责同步更新state数据。原创 2022-12-14 22:31:28 · 266 阅读 · 0 评论 -
vue中计算属性和侦听器的区别
计算属性: computed侦听器: watch不同点:1.功能不同计算属性主要是解决模板中语法冗余的,而侦听器是监听data里面某一个数据的变化2.计算属性有缓存,侦听器没有缓存3.计算属性不支持异步操作,侦听器支持异步操作4.计算属性是可以新增一个属性,而侦听器只能监听data里的数据(前提是要侦听的数据必须在data定义)5.computed必须要有return值,watch可以没有return值原创 2022-12-07 19:46:58 · 345 阅读 · 0 评论 -
vue组件的完整原型链
JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象。注意这个 prototype 就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有对象原型 __proto__对象都会有一个属性 __proto__ 指向构造函数的 prototype 原型对象,之所以我们对象可以使用构造函数 prototype 原型对象的属性和方法,就是因为对象有 __proto__ 原型的存在。__proto__ 对象原型和原型对象 prototype 是等价的__proto__原创 2022-12-06 22:07:04 · 357 阅读 · 0 评论 -
Vue的key
Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外,还有其它一些好处。那么在上面的代码中切换文字内容将不会清除用户已经输入的内容。因为两个模板使用了相同的元素,不会被替换掉——仅仅是替换了它的。要想告诉Vue “这两个元素是完全独立的,不要复用它们。中的key值指令使用key值几种情况:v-for指令的key值优先使用唯一字符串(性能最高), 实在没有就用下标index。原创 2022-12-02 23:18:59 · 1349 阅读 · 0 评论 -
v-if 和v-show的区别
一般不用频繁切换, 要么显示, 要么隐藏的情况, 我都会用 v-if。因为v-if 是惰性的, 如果初始值为 false, 那么这些元素就直接不创建了, 这样就可以节省一些初始渲染开销。v-show本质是在控制元素的 css 样式,display: none;,一般元素需要频繁的切换显示隐藏, 用 v-show。因为v-if在频繁切换会大量的创建和删除元素, 消耗性能。值都是false的状态,v-for是直接从dom树上删除,v-show是修改css样式:display: none。原创 2022-12-05 22:38:59 · 155 阅读 · 0 评论