vm.$root、vm.$slots、vm.$arrts

最新推荐文章于 2021-05-06 20:04:45 发布
最新推荐文章于 2021-05-06 20:04:45 发布
阅读量1k 收藏 1
点赞数
分类专栏： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56315262/article/details/115297049
版权

vm.$root用来获取当前组件树的根Vue实例，如果当前实例没有父实例，则获取到的是该实例本身。
在这里插入图片描述
在这里插入图片描述

vm.$slots就是一个插糟，在组件的中间写入，返回到template的插槽中
在这里插入图片描述
在这里插入图片描述

vm.$attrs可以获取组件的属性，但其获取的属性中不包含class、style以及被声明为props的属性。
在这里插入图片描述
在这里插入图片描述

tangtian_yes
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vm $el 和 vm $root 的区别
蚁族的奋斗的博客
01-12 1649
el 是当前组件的跟实例 root 是整个组件树的根实例
vue中的vm.$root和vm.$parent详解
qq_37734787的博客
12-09 1660
$root vue状态管理使用vuex,如果项目不大，逻辑不多，name我们没必要用vuex给项目增加难度，只需要用$root设置vue实例的data就行了，如下 main.js new Vue({ data(){ return{ loading:true } }, router, store, render: h => h(App) }).$mount('#app') a.vue created(){ console.log(this.$root.loading)
Vuejs2.0学习（Render函数,createElement，vm.$slots）
denghut882925的博客
11-03 255
直接来到进阶部分， Render函数直接来到Render，本来也想跳过，发现后面的路由貌似跟它还有点关联。先来看看Render1.1 官网一开始就看的挺懵的，不知道讲的是啥，动手试了一下，一开头讲的是Render的用法，官网的栗子永远都是一个特点，tm的不贴完整，我这里是个相对完整版的：（为了看的清楚点，替换了下名字） 　　<div id="div1"&g...
vm.$slots和vm.$scopedSlots在渲染函数内的使用
qq_36391954的博客
02-08 4027
探索 vm.$slots 和 vm.$scopedSlots 以下例子是在Vue@2.6.2中运行的。 vm.$slots内包含当前组件实例中所有插槽（包括默认插槽、具名插槽、作用域插槽）。 &amp;amp;amp;lt;!-- App.vue --&amp;amp;amp;gt; &amp;amp;amp;lt;template&amp;amp;amp;gt; &amp;amp;amp;lt;div id=&amp;amp;quot;ap
Vue源码学习笔记-vm实例的$root属性(根)的实现方式
issac_han的博客
08-04 2282
 let parent = options.parent   if (parent &amp;&amp; !options.abstract) {     while (parent.$options.abstract &amp;&amp; parent.$parent) {       parent = parent.$parent     }     parent.$children.pus...
_slots_用法
u014197417的博客
10-21 371
class Student(object): slots = (‘name’, ‘age’) # 用tuple定义允许绑定的属性名称class GraduateStudent(Student): passs = Student() # 创建新的实例 s.name = ‘Michael’ # 绑定属性’name’ s.age = 25 # 绑定属性’age’ERROR: Att
vue实例属性（vm.$els）
weixin_30741653的博客
06-03 312
不需要表达式 参数： id（必需） 用法： 为 DOM 元素注册一个索引，方便通过所属实例的 $els 访问这个元素。 注意： 因为 HTML 不区分大小写，camelCase 名字比如 v-el:someEl 将转为全小写。可以用 v-el:some-el 设置 this.$els.someEl。 我的理解：$els类似于doc...
vuex 解决报错this.$store.commit is not a function的方法
10-17
Vuex 是 Vue.js 的一个官方状态管理库，它提供了一个集中化的存储空间，使得在复杂的 Vue 应用中管理共享状态变得更加容易。当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的...
Odoo owl 学习笔记之11—slots 目录 插槽概述... 1 命名槽... 2 渲染上下文
05-10
在Odoo的Owl框架中，插槽（Slots）是一个至关重要的概念，它允许开发者创建高度可定制的组件。在本篇学习笔记中，我们将深入理解插槽的使用，包括命名槽、渲染上下文、默认插槽、动态插槽、插槽与道具、插槽参数以及...
Vue.js特性Scoped Slots的浅析
10-17
Vue.js的Scoped Slots是组件通信和自定义渲染功能的一个强大工具。它们允许父组件向子组件传递数据，并在子组件内部使用这些数据来定制化渲染的内容。通过Scoped Slots，我们可以创建更加灵活和可复用的组件，使得父...
vue Render中slots的使用的实例代码
08-29
Vue Render 中 slots 的使用实例代码 在 Vue.js 中，slots 是一个非常重要的概念，它允许开发者在组件中插入自定义的内容。在 Vue 2.x 中，slots 的使用方式有所改变，本文将介绍 Vue Render 中 slots 的使用实例...
Vue初学22-具名插槽（slot）的使用-标题导航栏为例
04-22
在Vue.js框架中，插槽（Slot）是组件通信的一种方式，它允许我们向组件内部插入自定义内容。本教程将深入讲解具名插槽（Named Slot）的使用，以标题导航栏为例，来帮助初学者更好地理解这一关键概念。...
android arrts文件与style文件
K1585853768的专栏
08-22 724
android arrts文件中定义了控件的所有属性以及
vue的面试题
柠檬草的博客
02-25 194
vue的面试题 重点：组件、生命周期、双向绑定 vue实例的元素： vm.$el：挂载元素，vue实例DOM的根元素； vm.$data：vue实例观察的数据对象； vm.$props; vm.$options：用于当前vue实例的初始化选项； vm.$parents：父实例； vm.$root：当前组件树的根vue实例，如果没有父实例，就是实例本身； vm.$children：当前实例的直接子组件； vm.$slot：用于访问被slot分发的内容； vm.$scopedSlots; vm.$ref：一个
vue 插件 toast_Vue / Vue2的Toast插件
cuk5239的博客
07-22 429
vue 插件 toast Vue简易吐司 (Vue-Easy-Toast) A toast plugin for vue/vue2. vue / vue2的Toast插件。 Note: Since 1.x.x, only Vue 2 is supported. For Vue 1 users please stick to version 0.x.x 注意：从1.xx版本开始，仅支持Vue ...
vue2.0 自定义 提示框（Toast）组件
weixin_33712987的博客
11-30 1989
1.自定义 提示框 组件 src / components / Toast / index.js /** * 自定义 提示框( Toast )组件 */ var Toast = {}; var showToast = false, // 存储toast显示状态 showLoad = false, // 存储loading显示状态 toastVM = null, // 存储toast ...
vm.$attrs 【Vue 2.4.0新增inheritAttrs，attrs详解】
sunhonghui9527的博客
07-16 671
1、vm.$attrs简介 首先我们来看下vue官方对vm.attrs的介绍：包含了父作用域中不作为prop被识别(且获取)的特性绑定(class和style除外)。当一个组件没有声明任何prop时，这里会包含所有父作用域的绑定(class和style除外)，并且可以通过v−bind="attrs的介绍： 包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除
（Vue）Vue课后题
热门推荐
博客皆笔记
01-20 4万+
vue九章课后题
Vue开发环境
tangtian_yes的博客
05-06 2648
1、Vue CLI脚手架工具 1、先卸载旧版的的vue-cli npm uninstall vue-cli –g 2、npm方式全局安装@vue/cli脚手架 npm install @vue/cli@3.10 –g vue –V 查看版本，显示版本号则安装成功 3、使用vue create命令创建项目 vue create hello-vue（项目名） =>重新执行vue create hello-vue后，交互符界面提示用户选取一个preset（预设），default是默认项，包含基本的b
简述vm.$props,vm.$options,vm.$el,vm.$children,vm.$root,vm.slots,vm.$atrrs分别获取的内容。
最新发布
03-22
vm.$props：获取组件实例的 props 对象，包含了父组件传递给...vm.slots：获取组件实例的插槽内容，包含了所有插槽的内容。 vm.$attrs：获取组件实例的非 prop 属性，包含了父组件传递给当前组件的所有非 prop 属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值