创建组件之前,首先学习一个ES6的写法,叫做展开运算符。

比如我这里有两个数组。如何将第二个数组o2中的所有属性导入到数组o1中呢?一个个输太麻烦,所以就用到了展开运算符。

var o2={
age:18,
gender:female
}
var o1={
name:'Alice'
}
var o2={
age:18,
gender:female
}
var o1={
name:'Alice',
...o2
}

第二种方法是利用class类进行创建组件,class本身也是ES6的写法。而且,每一个类中都有一个构造器constructor,你如果不设定的话,他自己就会默认一个看不见的空构造器。构造器作用,每new该类的时候,会先执行构造器中的所有代码。里面的属性叫做实例属性。

class Animal{
constructor(name,age){
this.name=name,
this,age=age}
}const a1=new Animal('bark',3);console.log(a1);

行内样式要用两个花括号包裹,不要用html标签的写法。

最新文章

  1. Python魔术方法-Magic Method
  2. HDU 4858 分块
  3. Numpy应用100问
  4. word2007里插入分节符
  5. v
  6. oracle RAC调整数据文件大小并移动表到指定的表空间
  7. Machine Learning/Random Projection
  8. Centos 7安装oracle 11g R2问题及解决方法汇总
  9. SESSION 与 COOKIE的区别是
  10. 查看内存和cpu
  11. HTMLTestRunner测试报告中文乱码问题解决
  12. 踩坑学习python自动化测试第二天!
  13. python 使用pip安装使用国内镜像加速下载安装包的方法
  14. ubuntu系统安装mysql(deb-bundle包)
  15. Hdoj 1160.FatMouse's Speed 题解
  16. 视图模型-Lambda表达式
  17. Android SDK的下载与安装
  18. 进程池的同步方法 pool.apply
  19. 一个简单的购物金额结算(JAVA)
  20. 简述Spring容器与SpringMVC的容器的联系与区别

热门文章

  1. ASP.NET Core MVC – Tag Helpers 介绍
  2. adaboost-笔记(1)
  3. xxtea---单片机数据加密算法
  4. Git&Github基本操作与分支管理
  5. Docker入门 第一课 --.Net Core 使用Docker全程记录
  6. java连接Mysql8
  7. Intellij IDEA创建的Web项目配置Tomcat并启动Maven项目
  8. SAI窗口无法移动
  9. 学习用Node.js和Elasticsearch构建搜索引擎(1):了解并运行Elasticsearch
  10. 《梦断代码》Scott Rosenberg著(三)