mounted

mounted 類似於window.onload 頁面加載終了實行的操縱，比方默許加載商品列表

 mounted: function () {
            this.$nextTick(  //
                function () {
                    vm.createView();
                }
            );
        },

v-for

需特別注意，v-for和js遍歷是 item在前，index在後。 jq遍歷相反。

v-for

 <li v-for="(item,index) in productList" >
 

    

filter過濾器

運用1:在產品金額前加上￥標記

部分過濾器： 在實例中豎立

 filters:{
    formatMoney:function(value){
      return "￥"+value.toFixed(2);
  }

html:

{{item.productPrice | formatMoney}}
         value        過濾器稱號

全局過濾器：在 vue 實破例豎立
語法：

Vue.filter( 過濾器稱號,回調 function(value,參數))

舉例：

Vue.filter("money", function(value,type){
return "￥"+value+type;
})

或許寫成

Vue.filter("money",jine);

function jine(value,type){
  return value+type;
}

Html:

{{item.productPrice | money('元') }}
         value             type

set要領

語法：Vue.set( target, key, value )

 Vue.set(item, "checked", true);// 全局set要領
 this.$set(item,"checked",true) //部分set要領