vue基础

72 阅读1分钟

Vue.js指令

v-bind:绑定====> :(简写)
v-on:绑定====>@(简写)
v-model
	双向数据绑定,只能用在input,textarea,select等表单元素上
	v-model是原生value属性的语法糖,只是做了额外的处理
v-if
	控制dom存在或不存在的指令
		true存在
		false不存在(删除DOM)
	频繁操作会减少性能,DOM会频繁的添加和删除。推荐使用在不频繁显示的场景,比如已经如页面就需要判断加载,例如权限菜单

v-for
	循环普通数组
v-show
	控制css的display的block和none
		false=none 不会删除DOM
		true=block
	只会显示和隐藏,更利于提高性能。tab页需要频繁切换,推荐使用v-show
v-else
	同if else
	if和else 之间不可以存在别的元素

钩子函数--声明周期

created(){}
	组件创建完成的时候调用
            1、是个函数,在系统消息触发时被系统调用
            2、不是用户自己触发的
            3、使用时直接编写函数体
            钩子函数的名称是确定的,当系统消息触发,自动会调用。