使用 Vue javascript 模块时导入

Question

I'm using the vue.esm.browser.js module for Vue, which works without problems:

import Vue from 'vue.esm.browser.js';

I can't however find a way to import the reactive and isReactive functions. I've tried

import { reactive, isReactive } from 'vue.esm.browser.js';

but it doesn't work. I'd appreciate any help to get this working!

Answer 1

You haven't mentioned Vue version or where this file is coming from, but note the syntax:

Vue 2 (esm.browser), has a dot:

vue.esm.browser.js

Vue 3 (esm-browser), has a dash:

vue.esm-browser.js

I am guessing you are using Vue 2, which also does not support those exports, reactive and isReactive . Use Vue 3 instead.

Here is a Vue 3 esm-browser CDN url:

https://cdn.jsdelivr.net/npm/vue@next/dist/vue.esm-browser.js