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阅读
Vuekey的作用 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阅读
内部使用
原创 2022-04-09 09:19:08
304阅读
ref<children ref="children"></children>获取子组件实例,可以使用子组件的所有方法。this.$refs.children父<template> <
原创 2022-12-21 10:05:07
93阅读
Vue,template标签是非常重要的,它可以用来定义组件的模板。在Vue组件,通常会使用template标签来创建组件的结构,包括HTML标签、数据绑定以及事件处理等。本文将详细介绍在Vue如何使用template标签,让刚入行的小白了解其作用及用法。 ### Vuetemplate标签的作用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阅读
vue 文件 name 的作用
原创 2023-06-03 00:36:35
177阅读
一、css作用域 之前一直很困扰css的作用域问题,即使是模块化编程下,在对应的模块的jsimport 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
转载 11月前
163阅读
模板:被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
作用:让样式在局部生效,防止冲突 <style scoped> </style> ...
转载 2021-10-12 19:42:00
237阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5