如何创建一个针对花都地区的营销型网站?
摘要:关于网站建设的申请书,花都营销型网站建设,皖住房建设厅网站,上海建设小学网站目录 前言一、创建一个 Vue 实例二、找到 Vue 构造函数三、源码分析 - Vue.prototype._init四、源码分析 - 调用 $mount 方法&a
关于网站建设的申请书,花都营销型网站建设,皖住房建设厅网站,上海建设小学网站目录 前言一、创建一个 Vue 实例二、找到 Vue 构造函数三、源码分析 - Vue.prototype._init四、源码分析 - 调用 $mount 方法#xff0c;进入挂载阶段五、总结 前言
使用Vue也有一段时间了#xff0c;最近去阅读了Vue的源码#xff0c;想总结分享下学到的新东西。 如果觉得… 目录 前言一、创建一个 Vue 实例二、找到 Vue 构造函数三、源码分析 - Vue.prototype._init四、源码分析 - 调用 $mount 方法进入挂载阶段五、总结 前言
使用Vue也有一段时间了最近去阅读了Vue的源码想总结分享下学到的新东西。 如果觉得直接看源码很枯燥可以结合前人总结的文章或者视频来看相信会事半功倍。 源码这个东西一定要多看多思考要想精通一遍两遍肯定是不够的。有的时候可能看着一个问题就会想通之前看过但是不明白的另个问题。
打算出一个Vue源码系列性的文章算是我个人学习源码的一个历程。
首先找到Vue项目 github 地址vue2.x源码链接git clone xxx 下载源码。
一、创建一个 Vue 实例
新建一个 html 文件引入vue。
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodydiv idapp/divscript src./vue-2.7.14/dist/vue.js/script/scriptscriptnew Vue({el:#app,})/script
/body
/htmlvue 初始化就从这里开始了。
二、找到 Vue 构造函数
// src/core/instance/index.tsimport { initMixin } from ./init
import { stateMixin } from ./state
import { renderMixin } from ./render
import { eventsMixin } from ./events
import { lifecycleMixin } from ./lifecycle
import { warn } from ../util/index
import type { GlobalAPI } from types/global-api// Vue构造函数的声明
function Vue(options) {if (__DEV__ !(this instanceof Vue)) {warn(Vue is a constructor and should be called with the new keyword)}// 初始化方法this._init(options)
}// 从文件中可以看出 上面的 _init() 是从下面的混入中获得的那么具体从哪个中得到的需要分析一下// 初始化混入
initMixin(Vue)
// state的混入
stateMixin(Vue)
// events的混入
eventsMixin(Vue)
// 生命周期的混入
lifecycleMixin(Vue)
// 渲染函数的混入
renderMixin(Vue)// 上面的这些混入其实就是初始化实例的方法和属性
// 其实通过名字不难发现 _init() 方法肯定是在初始化的混入中initMixinexport default Vue as unknown as GlobalAPI
其实通过名字不难发现 _init() 方法肯定是在 初始化的混入中 initMixin() 那就继续看 initMixin() 所在的文件。
