Vue封装组件的过程

桃扇骨 2022-05-29 07:42 362阅读 0赞

vue组件的定义

● 组件(Component)是Vue.js最强大的功能之一

● 组件可以扩展HTML元素，封装可重用代码

● 在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能

● 有些情况下，组件也可以表现用 is 特性进行了扩展的原生的HTML元素

● 所有的Vue组件同时也都是Vue实例，所以可以接受相同的选项对象（除了一些根级特有的选项），并提供相同的生命周期钩子

vue组件的功能

1）能够把页面抽象成多个相对独立的模块

2）实现代码重用，提高开发效率和代码质量，使得代码易于维护

Vue组件封装过程

● 首先，使用Vue.extend()创建一个组件

● 然后，使用Vue.component()方法注册组件

● 接着，如果子组件需要数据，可以在props中接受定义

● 最后，子组件修改好数据之后，想把数据传递给父组件，可以使用emit()方法

组件使用流程详细介绍

1、组件创建—-有3中方法，extend()

发表评论

表情：
评论列表 （有 0 条评论，362人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue封装组件的过程

    vue组件的定义 ● 组件(Component)是Vue.js最强大的功能之一 ● 组件可以扩展HTML元素，封装可重用代码 ● 在较高层面上，组件是自定义元素，Vue.

    桃扇骨桃扇骨/ 0 赞/ 363 阅读

    相关 Vue封装树形菜单组件

    csdn终于更新完成了哈，ok，步入正题 像这种树形结构的核心思想就是：递归思想，知道使用递归，其实这个例子函数的封装也就很简单喽  实现步骤：            

    ╰半橙微兮°╰半橙微兮°/ 0 赞/ 411 阅读