插值语法与指令语法注意点

1.插值中能写什么

1. 常量如字符串，数字等等
2. data当中的声明。data当中的配置项可以是任意数据类型，也可以是函数。data也可以是函数与对象。
3. JS表达式
4. 白名单当中的全局变量，如Date与Math等 {{}}内写的是字符写“”，不是无需写“”，内部可以配置项+1这种，也会data提供数据，整个求值后显示。

 <div id="app">该同学的名字为{{name}}，学号为{{21100529201}}，地区为{{address+"大兴区"}}，时间为{{Date}}</div>
    <script>
        new Vue({
            data:{
                name:"张三",
                address:"北京"
            },
            el:'#app'

        })
       

2. 指令语法

1. 指令的规范：指令是v-开头，<HTML标签 v-指令名：参数=“表达式”></HTML标签>
2. 指令写在哪？写在标签内，以属性的形式存在，无法被浏览器直接看懂，要经过Vue框架编译，浏览器才能看懂。
3. 表达式内可以写什么？可以写插值语法内能写的一切。但是无需{{}}，能编译为data提供的数据。
4. 不是所有的指令都需要有参数与表达式，如v-once，无需表达式与参数，v-if无需参数，表达式需要结果为布尔类型，v-bind既需要参数也需要表达式。
5. v-if=“1”可以这样，会转换为布尔类型，v-once只会渲染一次，在Vue内，但是重新编译源代码，还是会变。
6. CSS内属性与属性用；或空格分开，指令与指令用空格隔开

 <div id="app" v-once v-if="1">
        {{name}}
    </div>
    <script>
        new Vue({
            el:"#app",
            data:{
                name:"zhangsan1"
            }
        })
    </script>