Vue学习(3)---Vue实例和Vue生命周期

Vue实例

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的
虽然没有完全遵循 MVVM 模型,但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例

当创建一个 Vue 实例时,你可以传入一个选项对象
一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例,以及可选的嵌套的、可复用的组件树组成

所有的Vue组件都是Vue实例

之前我们已经知道Vue是一个响应式的框架,它会将Vue实例中data对象中的所有属性(可以看成我们的所需要的值)
都添加到Vue的响应式系统中(有什么好处? 因为双向绑定 当data中值发生改变后 视图中的值也会发生改变 进行重新渲染)

值得注意的是只有当实例被创建时就已经存在于 data 中的属性才是响应式的
除了数据属性,Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $

即取用vm中原生属性需要有$

生命周期钩子

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会
比如可以在mounted(一个生命周期函数)时使用axios(vue中的ajax)异步加载信息

猜你喜欢

转载自www.cnblogs.com/57one/p/12682316.html