zoukankan      html  css  js  c++  java
  • 高阶函数+组件化开发

    1.高阶函数
    1.filter函数的使用

    const nums= [10,20,111,222,444,40,50]
    let newNums = nums.filter(function(n){
        return n<100
    })
    

    2..map函数的使用:

    let new2Nums = newNums.map(function(n){
    	Return n*2
    })
    

    3.reduce函数的使用:

    let total = new2Nums.reduce(functiion(prevalue,n){
    	return prevalue+n
    },0)
     
    /*
    第一次: prevalue 0  n 20
    第二次: prevalue 20  n 40
    第三次: prevalue 60  n 80
    第四次: prevalue 140  n 20
    */
    

    2.组件化开发
    1.全局组件:

    // 1.创建组件构造对象
    const  cpnC = Vue.extend({
    	template: `
    	 <div>
    		<h2>我是标题</h2>
    	</div>
    	`
    })
    // 2.注册组件
    Vue.component('my-cpn',cpnC)
    // 3.使用组件
    <my-cpn></my-cpn>
    

    2.局部组件:

    // 1.创建组件构造对象
    const  cpnC = Vue.extend({
    	template: `
    	 <div>
    		<h2>我是标题</h2>
    	</div>
    	`
    })
    // 2.注册组件
    //  Vue.component('cpn',cpnC)
    // 3.使用组件
    <cpn></cpn>
     
    2.
            var vm = new Vue({
                el: '#app',
                data: {
    			
    			},
                methods: {},
    		      component: {
    			cpn: cpnC
    		}
            });
    

    3.组件中的data为啥是个函数:

    1..与Vue实例相比,组件要考虑复用,

    2.复用时改变组件的值不能影响其他组件的值

    3.详情:https://www.cnblogs.com/wangjiachen666/p/9876266.html

    4.父子组件通信

  • 相关阅读:
    文化因素对商标翻译的影响
    Building An Effective Marketing Plan
    HipHop PHP简介(转)
    关于comet
    TI BSL in python
    剖析 HTTP 协议
    NSIS 打包脚本基础
    图解使用VS的安装项目打包程序
    [Java IO]06_JSON操作
    [Java IO]04_系统标准IO
  • 原文地址:https://www.cnblogs.com/zranguai/p/13605171.html
Copyright © 2011-2022 走看看