vue2.0生命周期

{{data}}var myVue = new Vue({el:'#app',data:{data:'aaaa',info:'nono'},beforeCreate:function(){console.log('创建前=======')console.log(this.data)console.log(this.$el)},create

sly94

3340人浏览 · 2017-01-04 14:17:15

sly94 · 2017-01-04 14:17:15 发布

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/vue2.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<section id="app">
{{data}}
</section>
</body>
<script type="text/javascript">
var myVue = new Vue({
el:'#app',
data:{
data:'aaaa',
info:'nono'
},
beforeCreate:function(){
console.log('创建前=======')
console.log(this.data)
console.log(this.$el)
},
created:function(){
console.log('已创建==========')
console.log(this.info)
console.log(this.$el)
},
beforeMount:function(){
console.log('mount之前=============')
console.log(this.info)
console.log(this.$el)
},
mounted:function(){
console.log("mounted==========")
console.log(this.info)
console.log(this.$el)
},
beforeUpdate:function(){
console.log('更新前========')
},
updated:function(){
console.log('更新完成=============')
},
beforeDestory:function(){
console.log('销毁前============')
console.log(this.info)
console.log(this.$el)
},
destoryed:function(){
console.log('已销毁===========')
console.log(this.info)
console.log(this.$el)
}

});
</script>
</html>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^