首页 > 技术文章 > vue开发笔记(三) —— ES6字符串拼接、ES6?. 操作、表单生成器、this在组件中的使用

duiyuedangge 2021-02-19 19:12 原文

1.this在组件中的使用 可以将父组件的this传递给其他组件,完成,组件间方法、数据等调用使用。

2.一款不错的vue表单生成器,https://mrhj.gitee.io/form-generator/#/

3.ES6字符串拼接写法

旧的:
var a = '对月当歌对你说:';
var say = a + '你好朋友';
console.log(say);
ES6写法:
var a = '对月当歌对你说:';
var say = `${a}你好朋友`;

 4.ES6 ?. 链式操作符

用来简化取对象,报undefined情况的判断。
如:
let myObject = {
    user : {name : '对月当歌' , id : 'xxx'},
    addressInfo: { } 
};

// 不使用ES6语法
let myName = '';
if (myObject .user){
    myName  = myObject .user.name ;
}

// 使用ES6语法,就不需要单独判断了
let myName =  myObject?.user?.name;

 

推荐阅读