1、字符串操作
<script>
//定义一个字符串
let str = "hello vue";
//判断字符串以什么开头
console.log(str.startsWith("hello"));
//判断字符串以什么结束
console.log(str.endsWith("vue"));
//判断字符串是否包含
console.log(str.includes("vu"));
//判断字符串是否包含
console.log(str.includes("aa"));
</script>
![](https://img2020.cnblogs.com/blog/1993265/202105/1993265-20210529191700330-152206819.png)
2、字符串模板
<script>
//定义一个字符串 要用反引号
let str =
`<div>
<span>hello vue</span>
</div>`;
console.log(str);
</script>
![](https://img2020.cnblogs.com/blog/1993265/202105/1993265-20210529192229608-483693231.png)
3、字符串模板拼接变量、函数
<script>
//定义两个变量
let name = "张三";
let age = 21;
//定义一个函数
function fun(){
return "我是一个男生";
};
//拼接变量用${}
//注意 引号为反引号
let info = `我是${name},我今年${age+10}岁了,我想说:${fun()}`;
console.log(info);
</script>
![](https://img2020.cnblogs.com/blog/1993265/202105/1993265-20210529195339173-1174982870.png)