zoukankan      html  css  js  c++  java
  • Vue.js 组件重要选项

    (一)

      new一个Vue对象的时候,可以设置它的属性,其中最重要是三个,分别是

      data,,methods,watch.

    new Vue({
         data:{
             a:1,
             b:[] 
          },
          methods:{
               doSomething:function(){
                    this.a++;
                }
          },
          watch:{
            'a':function(val,oldVale){
             }
          }          
    })


    (二)模板指令

      1、数据渲染 :v-text,v-html, {{}}

          2、控制模块隐藏: v-if,v-show

      3、渲染循环列表: v-for

    data:{
    
        items:[
          { lable:'apple' }
        ]
      }
    
      <ul>
        <li v-for='item in items'>
          <p v-text='item.label'></p>
        </li>
      </ul>

      4、事件绑定

        v-on

    <button v-on:click="doThis"></button>
    <button @clcik="doThis"></button>

      5、属性绑定

        v-bind

    <img v-bind:src="imageSrc">
    <div :class="{ red:isRed } "></div>
    <div :class="[classA,classB]"></div>
  • 相关阅读:
    Codeforces 385C
    Codeforces 496C
    HDU 6114 Chess
    Codeforces 839B
    Codeforces 483B
    Codeforces 352B
    Codeforces 768B
    Codeforces 38B
    Codeforces 735B
    Codeforces 534B
  • 原文地址:https://www.cnblogs.com/xianrongbin/p/6181528.html
Copyright © 2011-2022 走看看