- 博客(5)
- 收藏
- 关注
原创 深入理解vue中的slot与slot-scope
写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项在使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”的想法,于是就关闭了vue的说明文档。实际上,插槽的概念很简单,下面通过分三部分来讲。这三部分也是按照vue说明文档的顺序来写的。进入这三部分之前,先让还没接触过插槽的同学对什么是插槽有一个简单的概念:插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示
2022-05-05 11:30:00
267
原创 slot 插槽子组件向父组件传值
slot 插槽要实现子组件向父组件传值,则需要运用 作用域插槽1、父组件中用 标签加上 slot-scoped 的属性,属性值随性。(旧版本是scope,vue新版本必须用slot-scope)2、子组件中给 加上一个自定义属性,在父组件中的slot-scope就能接收这个自定义属性的值//父组件<template slot-scope="props" slot="append-operate"> <p >{{props.msg}} </p>
2022-05-02 16:30:00
4376
原创 Vue中 Vue.prototype 详解及使用
我们可能会在很多组件里用到数据/实用工具,但是不想污染全局作用域。这种情况下,可以通过在原型上定义它们使其在每个 Vue 的实例中可用。基本示例在main.js中添加一个变量到 Vue.prototypeVue.prototype.$appName = 'My App'1这样 $appName 就在所有的 Vue 实例中可用了,甚至在实例被创建之前就可以new Vue({ beforeCreate: function () { console.log(this.$appName
2022-04-29 11:58:41
3824
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人