vue基础知识 汇总

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方法