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

本文固定链接: http://www.js-code.com/vue-js/vue-js_24703.html