首页 存档 技术 查看内容

Vue.js学习系列(八)---如何使用组件

2018-3-30 13:00 |来自: 互联网 250 0

摘要: 点击上方“蓝字”关注本公众号Vue.js学习系列(八)---如何使用组件○一、什么是组件 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面 ...

点击上方“蓝字”关注本公众号

Vue.js学习系列(八)---如何使用组件

一、什么是组件

组件系统是Vue.js其中一个重要的概念它提供了一种抽象让我们可以使用独立可复用的小组件来构建大型应用任意类型的应用界面都可以抽象为一个组件树


组件听起来比较抽象,实际上组件可以看作是自定义的HTML元素。因为组件可以用来扩展HTML元素,封装可重用的HTML代码。


二、如何使用组件

vuejs组件的使用需要3个步骤:

1.创建组件构造器

2.注册组件

3.使用组件

第一步:创建组件构造器

在工程目录下src文件夹下创建component文件夹,并在component文件夹内创建firstcomponent.vue文件,并仿照App.vue 的格式写一个组件。这里我们写一个简单的组件,

第二步:注册组件

然后在App.vue 使用组件 ( 因为在 index.html里面定义了

声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

相关分类

返回顶部