v-model和VUE初始化闪动

v-model

语法糖

v-bind="message" @input="message=$event.target.value"

v-model利用的是 Object.defineProperty 方法
Object.defineProperty （要添加或修改属性的对象, …属性名, 特征对象）
在添加属性是可以设置属性以下的特性：
1.是否只读
2.是否可删除
3.是否可遍历
4.可以为属性注册像改变事件一样的函数

示例：

let nameValue = ''
let obj = {
    
    }
Object.defineProperty(obj, 'name', {
    
    
	set(value){
    
    
		console.log('属性被赋值')
		nameValue = value
		},
	get(){
    
    
		console.log('属性被获取值')
		return nameValue
		}
	})

VUE初始化闪动

1. 根元素加上

style="display:none;" :style="{display:block;}"

2. 利用v-clock

[v-clock]{
    
    
	display:none;
}