Vue从入门到进阶-1.Vue2的插值表达式{{}}

写在前面：本人是前端学习生，说白了就是堪堪入门的水平，目前是系统化的培训以及自学；平时喜欢逛逛论坛，研究研究技术，记记笔记，所以在这里也是将平时自己学的一些笔记整理整理进行发布，由于是自己的理解和手搓，所以不具有官方权威，仅仅是帮助有兴趣的小伙伴进行学习和理解，在此抱拳了。

迅速过Vue2的插值表达式

官方概念：插值表达式是一种Vue的模版语法

简单理解：帮助我们将准备的数据及表达式，用双花括号（{{}}）包裹起来，放到页面结构中，进行页面的渲染；语法就是：{{表达式}}

需要留意：1.我们使用数据的前提是数据存在（比如在data中配置好了）；2.模版字符串支持的是表达式（例如：age>18 ? '你成年了' : '小瓶油你太小了'）,所以像if、for等语句是不能放进去的；3.不可以在标签属性中使用哟

贴段代码:

<div id="box">
        //<h3 {{}}><h3>   这就不行啦
        <h3>{{title}}</h3>
        <p>{{nickname.toUpperCase()}}</p>
        <p>{{age>=18?'成年':'未成年'}}</p>
        <p>{{obj.name}}</p>
</div>

写在最后:短小而精悍,哈哈哈,后续一天至少一更,坚持整个Vue2系列所有知识点都能包含,可以留意一下当个随身小记看,最后最后,很重要,我发布文章的终极原因是想找一起学习的朋友,十分真心,有意可以私聊,多个朋友多份快乐