Vue秘籍：原来变量藏在中括号里，网页数据瞬间变身

你们不知道，咱们平时在Vue里老用的那个变量，其实是用中括号表示的！没错，就是这样子厉害！那咋回事儿？别急，我来讲给你听咯哈~

在vue里，要把数据放进去模版得下功夫哦～可不是只用中括号套个变量那么简单的事！

说到中括号，其实就像在告诉Vue.js该咋处理这些被框上的变量咯。只要动动手换个数值，网页瞬间就得跟着变~简单好用，简直不能更赞！

  
{{ message }}

那到底会咋样？别小看这问题！咱们接着研究研究。

  
[{{ message }}]

你可能不知道，在变量后面添上个小括号”[消息]”，就能让它成为个JS表达式。有了这个方法，想要在网页上展示什么内容，直接放进去就行，也不用手动改模板，真是方便得不得了！

你会特意去设变量吗？这可不是件轻松的事！咱们继续往下说哈。

别担心，ES6的模板字符串就能解决！只要用反引号(“)围起来就行了。不管要不要变变量名或者增加描述性的话语都能轻松搞定！比如说 `${message}`，这么一来，变量就在模板里面妥妥地嵌入进去了？超赞有木有！

Vue.js这个神器，无论是小括号还是ES6模板字符串，都能轻松把数据塞进模板。小括号省事儿，ES6模板字符串则更有新意，各种字符串变形任你尝试。选哪个看你喜欢，反正最后渲染工作都是Vue.js负责

  
{{ `My message is ${message}` }}

来聊聊Vue里面的变量要不要带括号呗？想说啥就说说看有问题就在评论区找我如果觉得我讲得好，别忘记点赞转发~