2.1模板语法

2.1 模板语法

mustache 语法中是支持写js的

1. 用法：

   • 内容： 必须加 {{ js语法 }}

   • 属性: 属性中属性值可以直接写js语法，并且属性值中的数据相当于全局变量

     • 给一个标签加一个自定义属性/已有属性

       img中的src就是已有属性
       <img src = "" /> 
       
       //data-index就是自定义属性 ， web网页中建议我们使用data-形式来定义自定义属性
       <img data-index = "0" />
       
       

     • 思考： Vue现在想要在html中使用自己的属性，并且要和他的语法和数据结合？

       • 咋整？

       • 分析： 如何我能够标识出哪一个属性是具有vue标志的那就好了,也就是属性前加 v

         • Vue给这种带v标识的属性，起了一个名字： 指令【 借鉴angular 】

         <div v-html = "msg">
             
         </div>
         

2. 研究它js的支持性

   • 数据类型
     • 市场上js的数据类型分类有两种？
       • 第一种
         • 初始数据类型： number string null undefine boolean
         • 引用数据类型: Object [ function array … ]
       • 第二种
         • 基础数据类型: number string boolean
         • 特殊数据类型： null undefine
         • 复杂数据类型； Object [ function array …]
   • 输出语法
     • console
     • alert
   • 表达式 / 运算符
     • 三元表达式

3. 总结;

   • null 和 undefined 是不会显示的，其他数据类型都是支持的，可以显示的
   • 挂载在window身上的全局属性，我们都不能用的： 比如; console alert
   • {{ }} 不写流程控制
     • for
     • if
     • while
     • do…while
   • {{}} 支持三元表达式，同样也支持运算符
     • 短路原则也是支持的