前端源码解读

# Vue.version

# 用法回顾

其用法如下：

Vue.version

成功
1

  • 细节：提供字符串形式的 Vue 安装版本号。这对社区的插件和组件来说非常有用，你可以根据不同的版本号采取不同的策略。

  • 用法：

    var version = Number(Vue.version.split('.')[0])

if (version === 2) {
  // Vue v2.x.x
} else if (version === 1) {
  // Vue v1.x.x
} else {
  // Unsupported versions of Vue
}

    成功
    1
    2
    3
    4
    5
    6
    7
    8
    9

# 原理分析

从用法回顾中可以知道，该API是用来标识当前构建的Vue.js的版本号，对于日常业务开发几乎用不到，但是对于插件编写非常有用，可以根据Vue版本的不同从而做一些不同的事情。

/// src/core/util.js

Vue.version = '__VERSION__'

成功
1
2
3
// scripts/config.js
const version = process.env.VERSION || require('../package.json').version

function genConfig (name) {
  const config = {
    // ...
    plugins: [
      // 替换变量
      replace({
        __WEEX__: !!opts.weex,
        __WEEX_VERSION__: weexVersion,
        __VERSION__: version
      }),
    ]
  }
}

成功
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

该API是将Vue.version设置为固定字符串__VERSION__, 后续在使用rollup构建的时候，将字符串替换为环境变量里面的VERSION或package.json中的version字段

← 用法回顾 →