Vue2.0(组件,过滤器)

组件模板代码写法




    
    Vue2.0模板语法
    
    
    


    
{{msg}}

多个元素的书写




    
    
    
    
    


    
    
{{msg}}

问题小结: 组件外面必须有一个根元素包裹(1.0可直接书写)

组件定义

//js代码(1.0版本)

//js代码(2.0版本)=>Vue.extend



    
    
    
    



    
    
{{msg}}

小结:组件分局部和全局之分

生命周期




    
    
    
    


    
{{msg}}

Vue 循环




    
    Vue2.0 循环可以重复添加数据
    
    
    


    
  • {{value}}

  • {{value}} {{index}}
  • {{value}} {{index}}

过滤器
自定义过滤器




    
    自定义过滤器
    
    
    


    
{{msg | toDou("1","2")}}

你可能感兴趣的:(Vue2.0(组件,过滤器))