vue 给取data值_vue获取data值的方式分析

上一篇文章我们简单讲解了data初始化的两种方式，这次我们分析一下获取data内值的方式

获取vue的data

我们常用获取data值的方式为如下两种：

this.$data.link

this.link

不知道大家有没有一个疑问，按照我们定义的component内的data，获取的方式应该是this.data.link，那么现在的获取Vue data值的方式是怎么实现的呢？来让我们一起分析下

引入Vue的时候发生了什么？

当我们引入Vue的时候会往Vue的prototype上挂在一些方法

import Vue from vue的时候会加载src/core/index.js，在这个里面做一些初始化

1

2

3

4

5

6

7

8

9// 这个是重点

import Vue from './instance/index'

import { initGlobalAPI } from './global-api/index'

import { isServerRendering } from 'core/util/env'

import { FunctionalRenderContext } from 'core/vdom/create-functional-component'

initGlobalAPI(Vue)

...

export default Vue

instance/index.js这个文件做了一些vue的初始化的工作

1

2

<