Watch

kmh_2019_06:{
      handler(newName, oldName) {
                //this.popupCard()
                popupCard()
            },
       
            immediately:true,   //剛綁定上數(shù)據(jù)就來一發(fā)handler操作，默認false
            deep: true    //深度監(jiān)聽 eg:kmh_2019_06{'zc':{'zcNo':'xxxx','zcName':'xx'}}
  }

computed

//html
<div>{{kmh_2019_01_1_com(1)}}</div>
//js
 kmh_2019_01_1_com:function(){
            let that  = this
//如果computed需要傳參數(shù)，就讓這個計算屬性返回個函數(shù)，在再html中綁定這個函數(shù)
            return  function(returnType){
                let sumCnt = 0
                let sumPrem = 0
            }
    }

src

• static文件夾中的不會編譯

<div v-for="item in images">
    <img  :src="item.src"  />
</div>
 
import imgJson  from  '../static/img.json'  //不知為何改成絕對路徑/static就報錯
 
data(){
    return {
        images:imgJson.imgArr
    }
}
//
var imgJson = {
    imgArr:[
        {
            src:'static/img/aa.png'
        },
         {
            src:'static/img/aa.png'
        }
    ]
}

• assets中的會被編譯，所以引用要加require

<template>
    <div>
        <img  :src="imgUrl[0].src"/>
    </div>
<template>
 
//js部分
data(){
  return {
    imgUrl:[{src:require(‘./1.png’)},{src:require(‘./1.png’)}]
  }
}