欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

vue语法 `${ }` (模版字符串)

发布时间:2025/3/21 vue 23 豆豆
生活随笔 收集整理的这篇文章主要介绍了 vue语法 `${ }` (模版字符串) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

const name = '小缘'
const age = 14
console.info(`大家好,我叫${name},今年${age}岁了`)
// 等价于
console.info('大家好,我叫' + name + ',今年' + age + '岁了')
 
// 最大的优势是支持换行字符串
const url = '//baidu.com'
const text = '百度一下,你就知道'
const html = `
  <div class="container">
    <a href="${url}">${text}</a>
  </div>
`
console.log(html)
console.log(typeof html)

 

总结

以上是生活随笔为你收集整理的vue语法 `${ }` (模版字符串)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。