这篇文章主要介绍免费云主机域名了Vue具名插槽与作用域插槽怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue具名插槽与作用域插槽怎么使用文章都会有所收获,下面我们一起来看看吧。1、插槽就是子组件中的提供给父组件使用的一个占位符,在子组件中用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。(简单来说就是在子组件中挖个坑让别人来跳)2、在 2.6.0 版本之后,slot 以及 slot-scope 由 v-slot 统一替代。3、插槽包括默认插槽、具名插槽和作用域插槽在子组件中配置好props,接收从父组件App传来的信息以及准备两个slot插槽:通过在子组件category定义的不同的name,可以让数据在指定的位置显示:1、在定义好slot插槽后,在需要展示的标签中加上 slot=“name”,即可在指定的位置上显示需要显示的内容2、同时需要注意的是,此方法的插槽数据源game是在App父组件中提供的,而不在子组件自身提供。为了减少冗余,可通过作用域插槽将数据存储在定义slot插槽的组件自身要求将要展示的数据放在定义插槽的组价中父组件App.vue仅仅只是根据数据生成结构,而数据是在定义slot的组件中提供的在子组件中配置的props仅需要接收标题头。准备两个作用域插槽并携带要展示的数据:1、可以解决在使用者组件中没有要展示的数据,要调用别的组件的数据时可以使用。2、定义slot的组件将自身的数据传给使用者,使用者接收到数据后进行结构的配置。3、使用者仅决定生成的结构样式,而数据是从被使用者(定义slot的组件)传来的。4、可以理解为slot就是父组件向子组件的指定位置插入特定的结构。关于“Vue具名插槽与作用域插槽怎么使用”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“Vue具名插槽与作用域插槽怎么使用”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。
这篇文章主要介绍了vue如何实现图片预览放大以及缩小效果的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue如何实现图片预览放大以及缩小效果文章都会有所收获,下面我们一起来看看吧。在vue的环境下实现图片放大缩小,可以使用view…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。