一.vue基础-插值表达式

1.功能:

将data中定义的数据显示到模板上

在vue中{{ }}语法，叫做：插值表达式，大白话就是输出{{ }}中的表达式的值的语法.

我们把{{ }}理解为一个占位符(一个坑),{{msg}}就是把msg显示在这个占位符中(把msg插到坑里面边去)

2.语法

{{ }}里面可以写:(1)写data数据字段名称 (2)对data数据字段进行表达式运算

       -   拼接
       -   算术运算
       -   三元运算
       -   ...

{{ }}里面不可以写:

     -   js语句：声明变量，分支，循环
     -   访问在vue实例中的data之外定义的自定义的变量
   

小结:

1.{{ }} 写在 template 内部 ,它的学名是 插值表达式,功能是将data中定义的数据展示到模板上

2. {{ }} 内部可以写拼接\算术运算\三元表达式\等等,不能是js语句,不能是分支,循环

3. {{ }} 内部的数据 不能是data之外定义的

页面展示:

打印台: