Vue基础之Vue实例

构造器：

每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例启动的：

在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。

可以通过扩展选项来扩展 Vue 构造器函数，从而用我们指定传入的扩展选项来创建可复用的组件构造器：

所有的”myComponentInstance”对象都是通过预先传入的扩展选项被创建的

属性与方法：

每个 Vue 实例都会代理其 data 对象里所有的属性：

除了 data 属性， Vue 实例也拥有各自的实例属性与方法，这些属性与方法都有前缀 $，以便与代理的 data 属性区分

实例生命周期：

每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些生命周期钩子，这就给我们提供了执行自定义逻辑的机会

如，created 这个钩子在实例被创建之后被调用

生命周期图示：

下图说明了实例的生命周期。你不需要立马弄明白所有的东西，不过以后它会有帮助

Vue基础之Vue实例相关推荐

Vue全家桶（一）：Vue基础+Vue-Cli+Vue组件化+过渡动画
目录 1.Vue概述 1.1 认识Vue 1.2 Vue的两核心 1.3 Vue的初体验 1.4 Vue的生命周期 2. Vue-CLI (Command Line Interface) 3. Vue ...
【Vue基础】Vue基础自测45题
Vue基础自测45题 1.什么是Vue?Vue的核心理念是什么? 2.什么是MVC和MVVM? 3.框架和库的区别? 4.插值表达式 5.vue指令界面防止闪烁 6.vue指令v-html和v-tex ...
【一天时间|vue基础】vue组件间通信
一天时间系列文章是博主精心整理的面试热点问题和难点问题,吸收了大量的技术博客与面试文章,总结多年的面试经历,带你快速并高效地审视前端面试知识.直击技术痛点,主动出击,精密打击,这才是面试拿到高薪的秘诀 ...
【vue 基础】 vue常用指令实例总结
文章目录 1.v-bind 2. v-on 2.1 参数问题 2.2 修饰符问题 3. v-for 4. v-if 5.v-show 6. v-model(重点) 6.1 原理 6.2 v-model ...
Vue基础之Vue模板语法
插值: 文本: 数据绑定最常见的形式就是使用 "Mustache" 语法(双大括号)的文本插值,双大括号会将数据解析成纯文本 Mustache 标签将会被替代为对应数据对象上 ms ...
vue基础之vue的常用指令
1.vue指令的使用前提 el挂载点作用:el是用来设置Vue实例挂载(管理)的元素几个疑问: Vue实例的作用范围是什么呢? Vue会管理el选项命中的元素及其内部的后代元素是否可以使用其他的 ...
Vue基础之Vue列表渲染
列表渲染我们用 v-for 指令根据一组数组的选项列表进行渲染. v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名 ...
Vue基础之Vue条件渲染
v-if 在 Vue.js ,我们使用 v-if 指令实现的功能也可以用 v-else 添加一个 "else" 块 template-if 因为 v-if 是一个指令,需要将它添 ...
vue基础一--vue结构
vue结构说明一.安装二.配置选项三.要组件配置四.创建对象四.完说明要求:要先安装vue 安装vue 配置选项根组件配置创建对象一.安装在线安装 <script src ...