1.new Vue({
el: '#app',
router,
components: { App },
template: ''
})
vue.js应用的创建,通过构造函数Vue就可以创建一个Vue的根实例,并启动Vue应用。
在Vue之后的小括号中嵌套的大括号内,可以看到有多个参数。
其中el,用于指定一个页面中已经存在的DOM元素,用来挂在Vue实例,他可以是HTML元素,也可以是CSS的选择器。
挂载成功后可以通过$el来进行访问。
创建的过程了解后,就是对生命周期的几个环节的状态把握:
2.两个常用的事件:
created:在实例创建后,在这里一般对需要初始化的数据进行处理,HTML元素还没有挂载
mounted:HTML元素挂载到Vue实例后,在这里使用。这儿可能会用到一部分created中处理完成的数据结果。例如,对url中参数的参数值的提取、对一些默认的状态值的设定等等
在应用过程中要清晰的认识到,什么情况下用created,什么情况下用mounted。
3.react和Vue2中都使用了Virtual Dom技术,Virtual Dom并不是真正意义上的DOM,而是一个轻量级的javascript对象,在状态发生变化时,Virtual Dom会进行Diff运算,来更新只需要被替换的DOM,而不是全部重绘
4.constructor
constructor是一种用于创建和初始化class创建对象的特殊方法