我关我自己

"""
1、表单指令：
    v-model="变量"   变量与value有关
    普通：变量就代表value值
    单选框：变量为多个单选框中的某一个value值
    单一复选框：变量为布尔，代表是否选中
    多复选框：变量为数组，存放选中的选项value
    
    
2、条件指令：
    v-show:  display:none
    v-if:    不渲染
    v-if | v-else-if | v-else
    前者条件成立，就不管之后分支，当所有条件都不成功，才执行v-else分支
    
3、循环指令：
    v-for="(v, i) in str|arr"   
    v-for="(v, k, i) in dic"
    v:值 k:键 i:索引

4、sessionStorage | localStorage
    sessionStorage：生命周期同所属标签(标签关闭被销毁)
    localStorage：永久保存
    localStorage.key = value
    localStorage.clear()

5、分隔符：delimiters: ['[{', '}]'],

6、过滤器：
    {{ n1, n2 | f1(30) | f2 }}
    
    filters: {
        f1(n1,n2,n3) {return 过滤结果},
        f2(f1的res) {return 过滤结果},
    }

7、计算属性：
    result必须渲染；绑定的方法内部出现的变量更新方法被调用；方法返回值是result的值；result不能在data中重复定义
    computed: {
        result() {
            // 一个方法属性值依赖于多个变量
            return this.n1 + this.n2;
        }
    }

8、监听属性：
    监听属性属性更新方法被调用；方法参数为被监听属性当前值，上一次值；多个变量依赖一个变量
    watch: {
        full_name(n, o) {
            this.first_name = n.split('')[0]
            this.last_name = n.split('')[1]
        }
    }
    
9、冒泡排序：
    for (let i=0; i<arr.length-1; i++) {  // 趟数
        for (let j=0; j<arr.length-1-i; j++) {  // 比较次数
            // 处理条件即可
            if (arr[j]参数 > stus[j + 1]参数) {
                let temp = stus[j];
                stus[j] = stus[j + 1];
                stus[j + 1] = temp;
            }
        }
    }
"""

Vue基础知识

"""
组件：
    组件概念：vue实例就是组件
    根组件、局部组件、全局组件
    组件传参：
        父传子：自定义组件属性
        子传父：自定义组件事件
    
实例成员：
    el、data、methods、computed、watch、filters、delimiters、props、template、components

指令：
    {{}}、v-text、v-html、v-once、v-on、v-model、v-bind、v-if、v-show、v-else-if、v-else、v-for、v-cloak
"""

"""
vue ~~ Django

node ~~ Python

npm ~~ pip
"""