vue --- vue中的几个钩子属性

1.创建前:beforeCreate

 <div id="app">{{name}}</div><script>let app = new Vue({el:'#app',data:{name:31231312},beforeCreate(){console.log('挂在前');console.log(this.$data);console.log(this.$el);}})</script>// beforeCreate()是在Vue挂载前,执行的函数,此时:data和el属性都还没有.故是undefined

2.创建成功:created

 <div id="app">{{name}}</div><script>let app = new Vue({el:'#app',data:{name:31231312},created(){console.log('创建成功');console.log(this.$data);console.log(this.$el);}})</script>// 此时,name数据生成,但dom并未渲染.故会有一个undefined

3.即将挂载:beforeMount

// 替换created
beforeMount(){console.log('即将挂载');console.log(this.$el);
}
// 此时dom渲染完毕,但name属性还未被渲染成3123312

4.挂载成功:mounted

// 替换beforeMount
mounted(){console.log("挂载成功");console.log(this.$el);
}
//

参考
https://mp.weixin.qq.com/s?__biz=MzA3MDg1NzQyNA==&mid=2649654443&idx=1&sn=0da7f6dbd34f4dc5c609137730db154d&chksm=872c4314b05bca02b30e0ea9e9430118e5022a5f18d6e3ee66469e3ad1cbc2f31fdb2c724b0a&scene=21#wechat_redirect

vue --- vue中的几个钩子属性相关推荐

如何使用Vue.js中的set设置对象属性值
1.问题背景使用vue初始化一个对象v,并在data中初始化一个空对象obj,然后使用Vue.set()给对象obj添加属性 2.实现源码 <!DOCTYPE html> <htm ...
Vue项目中如何使用computed计算属性
文章目录 computed: 1.基本使用: 1.1 应用场景: 1.2 代码位置: 1.3 值: 2.复杂操作-结合data中数据: 3.计算属性写法演变: 3.1 计算属性的setter和gett ...
Vue组件中的data和props属性
组件中数据的绑定在vue中数据通过data属性进行绑定,如下 <!DOCTYPE html> <html lang="en"> <head>& ...
vue组件中的样式属性：scoped，解决在父组件中无法修改子组件样式问题
Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范. vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素,它是通过使 ...
java socket中属性详解_前端开发：关于Vue组件中的data属性值是函数而不是对象的详解...
最近在搞关于前端开发的基础知识归纳,发现了不少经典知识点,那么本篇博文就来分享一个经典的知识点:Vue组件中的data属性值为什么是函数而不是对象.首先来了解一下Vue组件的使用理念:在Vue组件使用 ...
VUE项目中使用this.$forceUpdate()；解决页面v-for中修改item属性值后页面v-if不改变的问题
VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题参考文章: (1)VUE项目中使用this.$forceUpdate();解决 ...
vue 侦听器侦听对象属性_Spring中的异步和事务性事件侦听器
vue 侦听器侦听对象属性内置的事件发布功能从Spring的早期版本开始存在,并且对于处理同一应用程序上下文中Spring组件之间的基本通信仍然有用. 通常,应用程序可以生成应用程序事件(可以是任意 ...
Vue(ES6)中的data属性为什么不能是一个对象？
以下引官网原文:当一个组件被定义,data 必须声明为返回一个初始数据对象的函数,因为组件可能被用来创建多个实例.如果 data 仍然是一个纯粹的对象,则所有的实例将共享引用同一个数据对象!通过提供 ...
[vue] vue中data的属性可以和methods中的方法同名吗？为什么
[vue] vue中data的属性可以和methods中的方法同名吗?为什么源码中的 initData() 方法 if (methods && hasOwn(methods, ke ...

vue --- vue中的几个钩子属性

vue --- vue中的几个钩子属性相关推荐

最新文章

热门文章