zoukankan      html  css  js  c++  java
  • vue中v-model和v-bind区别

    vue中v-model和v-bind区别
      数据绑定

        绑定数据 三种方式:

        >> 插值,也就是{{name}}的形式,以文本的形式和实例data中对应的属性进行绑定

        >> v-bind : 可以传给 v-bind:class 一个对象,简写为class:

         单向变动:当加上v-bind:之后,它的值class不是字符串,而是vue实例对应的data.classed的这个变量。也就是说data.classed是什么值,它就会给class属性传递什么值,当data.classed发生变化的时候,class属性也发生变化,非常适合用在通过css来实现动画效果的场合。

         支持类型:html属性、css样式、对象、数组、number、boolean;

        // 绑定文本

        <p :message></p>

        //绑定属性

        <p :class="src"></p>

        <p :style="styleCss"></p>

        <p :src="srcString"></p>

        //绑定表达式

        <p :class={className:true}></p>

           >> v-mode:主要用在表单元素上,例如input,checkbox,select 目的是实现双向绑定

        例如:

        <input v-model="inputDate">

        

  • 相关阅读:
    Git
    Entropy, relative entropy and mutual information
    2021.5.3 团队冲刺第六天
    2021.5.2 团队冲刺第五天
    2021.5.1 团队冲刺第四天
    2021.4.30 团队冲刺第三天
    2021.4.29 团队冲刺第二天
    2021.4.28 团队冲刺第一天
    2021.4.27
    2021.4.26
  • 原文地址:https://www.cnblogs.com/xxl910/p/12551081.html
Copyright © 2011-2022 走看看