点击上方“蓝字”关注本公众号 Vue.js学习系列(八)---如何使用组件 ○ 一、什么是组件 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树 组件听起来比较抽象,实际上组件可以看作是自定义的HTML元素。因为组件可以用来扩展HTML元素,封装可重用的HTML代码。 二、如何使用组件 vuejs组件的使用需要3个步骤: 1.创建组件构造器 2.注册组件 3.使用组件 第一步:创建组件构造器 在工程目录下src文件夹下创建component文件夹,并在component文件夹内创建firstcomponent.vue文件,并仿照App.vue 的格式写一个组件。这里我们写一个简单的组件,
第二步:注册组件 然后在App.vue 使用组件 ( 因为在 index.html里面定义了 |
|
声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系
[邮箱地址] 删除
|