Vue.js⾃定义标签属性并获取属性，及绑定img的src属性的坑⼀、定义属性：
  ⼀般定义属性都是为了动态的去获取属性的值，或者动态的设置属性的值，如果想仅仅是设置⼀个普通的属性，直接在便签上设置属性即可，就像使⽤html的title、name等属性⼀样，如<h1  myProp ='it is my value'  >H1标签</h1>。
  下⾯具体说动态绑定⾃定义属性：
  在元素标签上通过v-bind:propName = ‘valueInData’  解释：propName 是⾃⼰指定的属性名，valueInData是定义在Vue实例的data中的属性名。v-bind的指令也可以使⽤半⾓的冒号代替。
⼆、获取属性：
  三种⽅法：
    1. 通⽤⽅法：
    2. 函数传参的形式：   
      <div id='app'>
js获取子元素      　<button @click='handleSubmit(e,300)'>提交</button>
      </div>
      methods:{
      handleSubmit(a,b){
        console.log(b);        //300
      }
    　}
    3. 通过设置ref属性：
      原理：通过给元素设置ref属性，获取到该元素，然后再获取该元素的属性值；⽅便使⽤。
      代码：　
      <div id='app'>
        <button    ref='myTargetEle'    name='definedNAME'    @click='handleSubmit(e)'>提交</button>
      </div>
    　methods :{
      handleSubmit(event){
        const  theEle = this . $refs . myTargetEle;    //获取到元素
        console.log(theEle . name);
      }
    }
三、绑定img标签的src属性时，图⽚不显⽰的问题：
    在⽣成src值的位置（注意不是在html标签上），给图⽚路径外层加上 require (  //图⽚路径  )；即可。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。