vue.js中created方法作用
来源:互联网 发布:js 回调函数 返回值 编辑:程序博客网 时间:2024/06/05 02:09
这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理不同逻辑。
一般可以在created函数中调用ajax获取页面初始化所需的数据。
实例生命周期
每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。在这个过程中,实例也会调用一些 生命周期钩子 ,这就给我们提供了执行自定义逻辑的机会。例如,created
这个钩子在实例被创建之后被调用:
var vm = new Vue({data: {a: 1},created: function () {// `this` 指向 vm 实例console.log('a is: ' + this.a)}})// -> "a is: 1"
也有一些其它的钩子,在实例生命周期的不同阶段调用,如 mounted
、 updated
、destroyed
。钩子的 this
指向调用它的 Vue 实例。一些用户可能会问 Vue.js 是否有“控制器”的概念?答案是,没有。组件的自定义逻辑可以分布在这些钩子中。
生命周期图示
下图说明了实例的生命周期。你不需要立马弄明白所有的东西,不过以后它会有帮助。
阅读全文
0 0
- vue.js中created方法作用
- vue.js中created方法作用
- vue.js中created方法作用
- vue.js中created方法作用
- vue.js中使用set方法
- vue.js中使用set方法
- vue中$nextTick()作用
- Vue生命周期中mounted和created的区别
- Vue实例中生命周期created和mounted的区别
- js中toLowerCase()方法的作用
- js中toLowerCase()方法的作用
- Vue.js 中,7种定义组件模板的方法
- Vue.js中计算属性和方法的区别
- Vue.js 中,7种定义组件模板的方法
- Vue.js的v-for和Jquery的Ajax方法作用
- VUE Created\什么是Virtual Dom
- 安装vue.js的方法
- 安装vue.js的方法
- Spring(一)
- 开发框架 MVC MVP MVVM
- 台积电拟向3纳米线宽半导体投资超200亿美元
- Linux 安装 java
- Keil编译产生的RO,RW和ZI是什么
- vue.js中created方法作用
- 动画
- linux调用系统api出错,如何查看错误原因?
- 前端小白--导航(二)Tab选项卡
- Spring之高级装配
- Chrome浏览器扩展开发系列之三:Google Chrome浏览器扩展的架构
- 日媒:“二战”后70年日本的创新路遇到拐点
- Ubuntu 16.04下Intel SGX驱动、平台软件和SDK安装
- 小心!研究人员展示黑客如何利用玩具偷窥儿童