胡克函数
从上述测试中可以看出
在beforecreate阶段,对于浏览器来说,整个渲染过程尚未开始或尚未准备好开始。 对vue来说,实例尚未初始化,数据观察器和事件/watcher也尚未调用。 在此阶段,对data、methods或文档节点的调用目前无法获得准确的数据。
在created阶段,对浏览器来说,在渲染整个HTML文档时,dom节点、css规则树和js文件已被解析,但不属于在浏览器中渲染的过程。 上述资源尚未装载到页面上。 也就是说,在vue生命周期中相应的创建阶段,实例已初始化,但未装载到$el,因此无法检索
在beforecreate阶段,节点实际上与created阶段一样尚未装载,但可以检索data和methods数据。
在mounted阶段,浏览器完成了dom和css规则树中的渲染器,并完成了渲染器树的布局。 在屏幕上显示paint (,该paint接收到此命令并调用渲染器),并且在vue的安装阶段成功装载了vue模板,此时浏览器中显示了完整的页面,因此在此阶段调用节点在笔者的测试中,使用mounted方法中断点后再运行,可以在浏览器中查看整个页面)。
上述参考自3359 segment fault.com/a/119000020058583? utm_source=tag-newest
nextTick () )延迟在下一个dom中更新数据后调用回调函数。 简单来说,在更新数据并在dom中渲染后,此函数new Vue({ ) {
El : ' # APP ',
数据: {
totalMoney: 0,
产品列表: [ ]
(,
filters: {
(,
mounted :功能(
//这是钩子函数
要运行cartView函数,必须先运行挂接函数
//此挂接函数完成了对cratView函数的调用
//需要注意的是,使用mounted并不保证挂接函数的this.$el在document中。 为此,还应该引入Vue.nextTick/vm.$nextTick
this.$ next tick (功能() ) )。
this.cartView (
() )
() )
(,
methods: {
//这是要执行的函数
cart view :功能(
var _this=this;
this.$ http.get (data/cartdata.JSON )、(id65:123 )、then ) function(RES ) )
_ this.product list=RES.body.result.list;
_ this.total money=RES.body.result.total money;
);
}
}
}
);
此代码可在https://www.cn blogs.com/zxyzm/p/10644961.html上找到