es6新增在vue中常用语法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6新增在vue中常用语法相关的知识,希望对你有一定的参考价值。

参考技术A

总结:使用字符串模板可以大大减少我们字符串拼接,大大提高阅读行;

总结:es6的箭头函数,简化了es5的函数,使用起来比较简单, 但是并不是所有的情况都可以使用箭头函数的,这个需要注意

es6新引入了export,import 两个关键字,主要是为了解决作用域的问题

总结:由于es6,引入js,经常会导致全局污染的问题,于是es6新增export,import,我们需要在那个文件使用import form即可。

javascript es6新增语法之`${}`

这是es6中新增的字符串方法

可以配合反单引号完成拼接字符串的功能

1、反单引号怎么打出来?
将输入法调整为英文输入法,单击键盘上数字键1左边的按键。

2、用法
step1: 定义需要拼接进去的字符串变量
step2: 将字符串变量用${}包起来,再写到需要拼接的地方

3、示例代码:

let a=\'Karry Wang\';

let str=`I love ${a}, because he is handsome.`;
//注意:这行代码是用返单号引起来的

alert(str);

一定是用反单引号啊!不要写成单引号了!!

转载于:https://www.cnblogs.com/Alitar/p/11588934.html

以上是关于es6新增在vue中常用语法的主要内容,如果未能解决你的问题,请参考以下文章

vue常用的ES6语法--内置对象扩展

ES6新增语法详述 𳞰

ES6新增语法详述 𠀶

ES6常用语法总结

ES6新增语法总结

第79篇 Vue第一篇 ES6的常用语法