Vue
文章平均质量分 56
vue相关知识点
思考猫
这个作者很懒,什么都没留下…
展开
-
数据仓库Pinia
getters:Getter 完全等同于 Store 状态的 计算值(相关值不变不会重新运行,取缓存中的值)。改变仓库数据的方式1:通过直接对仓库数据进行修改,因为仓库数据是响应式的,使用所有使用该数据的组件或者标签都会改变。actions:它可以异步同步的统一修改状态,之所以提供这个功能 就是为了项目中的公共修改状态的业务统一。改变仓库数据的方式2:将仓库数据解构赋值后通过toRefs或者toRef改变成响应式数据。名称,作为第一个参数传递,并将仓库导出。3.创建需要的仓库,使用。原创 2022-09-22 20:16:45 · 2087 阅读 · 1 评论 -
插槽和组件的自定义事件
插槽主要是在组件中预留几个位置,后面再来添加需要的内容插槽的用法:单个插槽 多个插槽(多个插槽的使用就需要将slot命名 不然会出错)原创 2022-09-07 00:28:05 · 475 阅读 · 1 评论 -
生命周期函数
钩子函数: 生命周期函数 (c语言中有一类系统回调的函数然后执行业务 叫做钩子)在某一种条件成立的时刻 系统会去调用的vue中设定的函数 这些函数都叫做:生命周期函数能否网络请求?能做网络请求,因为这是函数在运行时XMLHttpRequest是可以访问并且去做AJAX请求的能否网络请求数据 然后设置到数据源中?不能设置到数据源中,因为这个钩子中 this还在创建这个在项目中干什么?只要不是用于页面渲染的操作都能做。原创 2022-09-05 00:37:18 · 417 阅读 · 0 评论 -
条件渲染和循环渲染
v-if和v-show的功能是一样的 都是当变量值为true时显示 为false时隐藏 但是v-if隐藏是通过移除节点在节点树中的位置,而v-show是通过给标签添加display:none属性实现隐藏效果 就是说v-if是将标签从节点树中直接删除 而v-show是通过给标签添加属性实现的。v-show具有较高的性能消耗,常常用在频繁切换的模块中(虽然解决了消耗问题 但是因为虽然隐藏 但内容都在 所以会给内存造成一定的压力 一般用于需要频繁切换的模块中)...原创 2022-08-30 23:52:50 · 211 阅读 · 0 评论 -
样式绑定
v-bind指令绑定的class属性是一个对象 属性为类名 值为任意一个表达式 表达式会被判断为布尔值 当值为true时 对应是类名才会生效 否则不会生效。数组语法,这样写将始终添加 deng,但是只有在a1 a2是真值时才添加对应类名。v-bind:class 指令也可以与普通的 class 属性共存。通过class绑定实现开关灯样式。...原创 2022-08-30 19:48:34 · 309 阅读 · 0 评论 -
方法和事件绑定
写一个冒泡的经典样式由事件链可知 当点击box3时 也会触发box1和box2的点击事件。原创 2022-08-30 19:06:10 · 105 阅读 · 0 评论 -
Vue的基本指令和属性绑定
7.v-cloak指令在运行到vue代码后就会被删除,可解决因为浏览器执行顺序而造成的闪屏问题(浏览器会有一瞬间的{{}}代码为编译的样式,执行到vue才会被识别编译) 通过给div设置v-cloak属性,将其设置为display:none运行到vue代码时 该属性就会被删除 样式也就失效了。8.引入vue后 就可以使用vue实例对象,基本语法,el是选择器,data是内容,需要注意的是vue底层将data对象中的内容都复制到了vue对象的下面,网页使用的vue内容也是来自vue对象 而不是data。...原创 2022-08-29 20:13:37 · 303 阅读 · 0 评论