当前位置: 首页 > Web前端 > vue.js

Vue组件需要了解和掌握

时间:2023-03-31 23:29:13 vue.js

Vue组件用于封装页面的一些功能,将功能的结构、样式、逻辑代码封装为一个整体。提高功能的可重用性和可维护性,更好地关注业务逻辑。组件使用时,以自定义HTML标签的形式出现,组件名作为自定义标签名//普通html标签

//Vue.js组件/my-com>
组件概述组件注册组件通信组件槽内置组件组件注册组件注册文章入口组件通信组件之间传递数据的操作称为组件通信问题子组件如何从父组件获取数据?父组件如何知道子组件的数据变化?更复杂的组件关系?组件通信文章入口组件槽组件槽可以方便的设置组件的内容。比如父组件设置了子组件的内容,父组件可能需要多次调用子组件的内容。当然,通过props传入设置也不是不可以,但是我们希望直接在标签中设置,这样更简洁examplecontentthemecontent组件的
组件槽文章入口内置组件内置组件文章入口