• vue 内容渲染和属性绑定

    1. 内容渲染指令

      1. 使用v-text指令，将数据采用纯文本方式填充其空元素中

      2. <template>
      3.   
      4.   <div v-text="student.name">div>
      5.   
      6.   <div v-text="student.desc">div>
      7.   
      8.   
      9. template>

      2.  {{ }}插值表达式:在元素中的某一位置采用纯文本的方式渲染数据

              

      这是一个 DIV 元素，{{ student.name }}，{{ student.desc }}

      3. 使用v-html指令，将数据采用HTML语法填充其空元素中

      2.  
      3. <template>
      4.  
      5.     
      6.  
      7.     <div v-html="student.name">div>
      8.  
      9.     
      10.     <div v-html="student.desc">div>
      11.  
      12.     
      13.     
      14.  
      15. template>

    2. 双向绑定指令

      1. v-model双向数据绑定指令，视图数据和数据源同步,

      2. 一般情况下v-model指令用在表单元素中：
        1. 文本类型的和