![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 87
沈学凯@
这个作者很懒,什么都没留下…
展开
-
vue2插槽相关 v-slot使用方法 具名插槽和作用域插槽 新旧写法
概念区别具名插槽:同时有多个插槽时如何区分,为每个插槽指定名字就可以了作用域插槽:如何在父组件中使用子组件的数据来自定义插槽内容,简单理解:子中插槽默认展示自己内部的数据,但是父想对这个数据做一下拼接展示,那么问题来了,父子是不同的作用域,父如何拿到子的数据呢,作用域插槽就是为了解决这个问题先看一下旧的:一、2.6之前已废弃语法:1.具名插槽:写法子组件:为slot指定名字<div class="container"> <header> <slot原创 2022-02-07 15:27:18 · 2465 阅读 · 0 评论 -
Vue项目中该使用驼峰命名还是短横线命名
在阅读vue官方文档中关于props的时候发现这么两段话:HTML 中的 attribute 名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名:const app = Vue.createApp({})app.component('blog-post', { // 在 JavaScript 中使用 camelCase原创 2022-01-17 21:47:30 · 5507 阅读 · 0 评论