vue.js中created方法作用
来源:互联网 发布:法律讲堂网络 编辑:程序博客网 时间:2024/05/16 12:15
这是它的一个生命周期钩子函数,就是一个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 是否有“控制器”的概念?答案是,没有。组件的自定义逻辑可以分布在这些钩子中。
生命周期图示
下图说明了实例的生命周期。你不需要立马弄明白所有的东西,不过以后它会有帮助。
阅读全文
1 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的方法
- IDEA配置SDK
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
- Flex布局教程篇
- 磁疗有用吗?恒定磁场应用于肿瘤治疗
- ARC 074F Lotus Leaves 最大流最小割
- vue.js中created方法作用
- 什么是 MIME Type
- STM32学习笔记一一时钟系统
- Swift--03新加类型
- JavaSE 一维数组遍历
- ImageView的scaleType属性
- Java Web获取Web应用根路径(转)
- Viewpager和SeekBar的滑动冲突的解决办法(其他滑动冲突可参考)
- 微信H5页 audio标签MP3无法自动播放解决方案