Vue

Posted on 2019-01-05 22:07  JodNiki  阅读(80)  评论(0)    收藏  举报

1、v-text

      v-html

      {{status ?"ok":"no"}}

       export default{

         data(){

             return  {

                  status:true

               }

          }

        }

2、列表渲染list:v-for

      <ul>

      <li v-for="(item,index) in list" :class="{odd:index%2}">{{item.name}}</li>

      </ul>

3、事件绑定

      <button  v-on:click=""></button>

      export default{

           data(){

              return{

               },

            methods:{

              AA(){}  

          }

          }

      }

4、绑定属性

     <a v-bind:href="link"></a>

   

      

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3