背景:前端的开发过程中必然存在DOM生命周期性的一些DOM操作,因此会涉及不同阶段的控制和操作处理。以往原生JavaScript或者JQuery的使用中有既定的初始化操作,现在用到了vue,特此纪要!
问题:
1. vue的初始化操作如何处理?
2. vue中methods computed mounted created区别?
解决:
created() 在DOM渲染前调用,一般用于一些初始化操作。
mounted() 在DOM渲染完成后调用,一般用于DOM渲染完成后对DOM一些处理,当然也可以在这里完成DOM渲染完成后需要特殊处理的初始化数据。
methods: 这里面写一些我们的普通函数,可以理解为以往我们写原生JavaScript时定义的公共函数,若非主动调用或触发,否则该函数不会被被调用。
computed: 也是在DOM加载完成之后被调用的,像一些赋值操作会在此处执行。例如:data="initData"
后续应用后期会添加一些相应的案例Demo。