CS_Node_Vue

Vue

本人学习Vue的时候有些js也有漏洞,于是连vue和js一起学一下,所谓less is more 和talk is cheap, show me the code,所以本文当中代码将占很多部分,文字叙述将很少.

//解构赋值快速把对象中的变量提取出来
const aa = {a:12,b:23};
const {a:bb} = aa;
aa.a = 22222;
console.log(bb);
console.log(aa.a);

排序

filterPersons() {
                //this.persons 是引用类型，直接赋值是传的地址，所有得先结构再赋值
                let afterFilterPersons = [...this.persons];
                if(this.orderType) {

                    //解构赋值快速把对象中的变量提取出来
                    const aa = {a:12,b:23};
                    const {a:bb} = aa;
                    aa.a = 22222;
                    console.log(bb);
                    console.log(aa.a);

                    console.log("开始排序");
                    // const dd = this.orderType
                    //回调函数必须是箭头函数，this指向本实例
                    afterFilterPersons.sort((p1,p2) => {
                        // console.log(this.orderType)
                        if(this.orderType===1) { // 降序
                            console.log("降序");
                            return p2.age-p1.age
                        } else { // 升序

                            console.log("升序");
                            return p1.age-p2.age
                        }

                    })
                }else {
                    console.log("没有进行排序")
                }

                return afterFilterPersons;
            }

axios

为了解决跨域问题,代理请求

dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': { // 匹配所有以 '/api'开头的请求路径
        target: 'http://localhost:4000', // 代理目标的基础路径，请求接口的地址，
        // secure: false,  // 如果是https接口，需要配置这个参数
        changeOrigin: true, // 支持跨域
        pathRewrite: {// 重写路径: 去掉路径中开头的'/api',
          '^/api': ''
        }
      }
    },

pathRewrite: 这个字段配置’’^/api’: ’ '的意思在于后端接口实际上是http://localhost:4000/index_category，但是请求的时候要写成http://localhost:4000/api/index_category,他会把发起的/api字段替换成一个空字符串

vuex

名字内容必须一致,一个也不能差