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">

        

  • 相关阅读:
    Linux_day01_primaryCommand
    Variational auto-encoder VS auto-encoder
    python yield generator 详解
    Paper Writing
    DTU_AI lecture 09
    DTU_AI lecture 08
    Attention mechanism
    Energy Journals
    TF + pytorch学习
    expRNN
  • 原文地址:https://www.cnblogs.com/xxl910/p/12551081.html
Copyright © 2011-2022 走看看