说说vue.js中的组件

Posted 2021-05-01 指尖下的精灵

什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展html元素，封装可重用的代码。在较高层面上，组件是自定义的元素，vue.js的编辑器为它添加特殊的功能。在某些情况下，组件也可以是原生HTML元素的形式。

如何注册组件？

需要使用vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。Vue.extend方法格式如下：

var MyComponent = Vue.extend({    
        // 选项...后面再介绍
})

如果想要在其他的地方使用这个创建的组件，还得给这个组件命名：

Vue.component('my-component', MyComponent)

命名之后即可在HTML标签中使用这个组件名称，像使用DOM元素一样，下面演示一下完整的组件注册和使用的例子。

由于接下来的的内容中代码量比较到，各位可以点击“阅读全文”获取更加详细的内容。