vue前端框架III

"""
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
"""