slot插槽(内容分发)用法:<slot name="ddd"></slot>放置你需要插入内容的地方场景:组件中插入内
原创
2023-05-11 11:09:01
137阅读
mounted: function () { var _this = this; } _this只是一个变量名,this代表父函数,如果在子函数还用this,this的指向就变成子函数了,_this就是用来存储指向的 普通函数中的this表示调用此函数时的对象,箭头函数里面的this会继承自外部的t ...
转载
2021-07-24 17:31:00
294阅读
2评论
var _this=thisconsole.log(_this)原来的对象console.log(this)//当前方法对象_this只是一个变量名,this代表父函数,如果在子函数还用this,this的指向就变成子函数了,_this就是用来存储指向的https://blog.csdn.net/cataclysm2012/article/details/80350403普通函数...
转载
2021-08-13 18:31:36
505阅读
computed 和 watch 的区别和运用的场景?computed:是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值;watch:没有缓存性,更多的是「观察」的作用,类似于某些数据的监听回调 ,每当监听的数据变化时都会执行回调进行后续操作;当我们需要深度监听对象中的属性时,可以打
转载
2023-07-10 16:00:20
105阅读
Vue中key的作用 key的特殊attribute主要用在Vue的虚拟DOM算法,在新旧Nodes对比时辨识VNodes。如果不使用ke
原创
2022-05-28 00:58:26
193阅读
一 谈谈对 keep-alive 的了解?
keep-alive 是Vue内置的一个组件,可以使被包含的组件保留状态,避免重新渲染,其有以下特性:
* 一般结合路由和动态组件一起使用,用于缓存组件;
* 提供 include 和 exclude 属性,两者都支持字符串或正则表达式,include 表示只有名称匹配的组件会被缓存, exclude 表示任何名称匹配的组件都不会被缓存,其中 exclu
vue中的ref其实功能很强大,下面介绍一下如何使用。 基本用法,本页面获取dom元素 其实ref除了可以获取本页面的dom元素,还可以拿到子组...
转载
2022-03-01 14:33:52
276阅读
ref<children ref="children"></children>获取子组件实例,可以使用子组件的所有方法。this.$refs.children父<template> <
原创
2022-12-21 10:05:07
93阅读
在Vue中,template标签是非常重要的,它可以用来定义组件的模板。在Vue组件中,通常会使用template标签来创建组件的结构,包括HTML标签、数据绑定以及事件处理等。本文将详细介绍在Vue中如何使用template标签,让刚入行的小白了解其作用及用法。
### Vue中template标签的作用
在Vue中,template标签的作用是定义组件的模板结构,可以包含HTML标签、数据
原创
2024-05-06 10:46:15
265阅读
今天我忽然有点明白了。这是一个跟前面语句有关的方法。意思是,等前面的都执行完了,再执行nextTick里面的方法。比如说,页面
原创
2023-09-07 16:11:52
174阅读
vue中组件key的作用。 除了v-for循环中的key。在组件中添加key值并改变,能触发组件的重新渲染。 原因是因为Vue在diff算法的节点对比(sameVnode方法)中,也会对key值进行对比,key值不同就会走else重新新建组件。 ...
转载
2021-10-25 14:10:00
774阅读
2评论
is的作用 <ul> <li></li> <li></li> <li></li></ul>总所周知,u
原创
2022-10-11 14:21:18
263阅读
一、css作用域 之前一直很困扰css的作用域问题,即使是模块化编程下,在对应的模块的js中import css进来,这个css仍然是全局的。导致在css中需要加上对应模块的html的id/class 使用css选择器 保证css的作用域不会变成全局 而被其它模块的css污染。 在vue中引入了sc
转载
2018-05-31 22:45:00
347阅读
2评论
keep-alive可以在组件切换时,保存其包裹的组件状态,使其不会被destroyed销毁,keep-alive中的路由页面只会执行一次created生命周期,防止多次渲染。 其拥有独立的两个钩子函数actived和deactived,使用keep-alive包裹的组件在切换时不会被销毁,而是缓存 ...
转载
2021-10-29 09:53:00
867阅读
2评论
vuex 包含有五个基本的对象:state:存储状态。也就是变量;getters:派生状态。也就是set、get中的get,有两个可选参数:state、getters分别可以获取state中的变量和其他的getters。外部调用方式:store.getters.personInfo()。就和vue的computed差不多;mutations:提交状态修改。也就是set、get中的set,这是vue
模板:被vue实例控制的页面片段1.模板的作用是什么?为了提高渲染效果,vue会把模板编译成为虚拟DOM树(VNode),然后再生成真实的DOM 从左至右 依次是模板、虚拟DOM树、真实的DOM2.模板写在哪?在挂载的元素内部直接书写<div id="app">
<p>{{title}}</p>
</div>
<script>
v
转载
2024-03-20 06:48:22
508阅读
一、Render函数的作用?Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,真的需要 JavaScript 的完全编程的能力。这时可以用渲染函数,它比模板更接近编译器。render 函数和 template 一样都是创建 html 模板的,但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复,这时候就可以用 render 函数。以上得知,render
转载
2024-04-13 10:08:48
86阅读
作用:让样式在局部生效,防止冲突 <style scoped> </style> ...
转载
2021-10-12 19:42:00
237阅读
2评论