vue 模块引用是什么语法

在Vue.js中，模块引用的语法主要有以下几种：1、使用import语法引用ES模块，2、使用require语法引用CommonJS模块，3、在单文件组件（SFC）中使用<script>标签引用模块。这些语法使得开发者可以更方便地组织和管理代码，提高可维护性和可读性。

一、使用`import`语法引用ES模块

在Vue.js项目中，最常用的模块引用方式是使用ES6的import语法。这种方式能够很好地支持模块化开发，并且能够在编译时进行静态分析，有助于进行优化。

import Vue from 'vue';
import App from './App.vue';
import { mapState } from 'vuex';
new Vue({
  render: h => h(App),
}).$mount('#app');

Vue：从安装的vue包中导入Vue构造函数。
App：导入位于当前目录下的App.vue组件。
mapState：从vuex包中导入mapState辅助函数。

二、使用`require`语法引用CommonJS模块

在一些需要兼容性或者特定情况下，Vue.js中也可以使用CommonJS的require语法来引用模块。这种方式常见于Node.js环境。

const Vue = require('vue');
const App = require('./App.vue');
const mapState = require('vuex').mapState;
new Vue({
  render: h => h(App),
}).$mount('#app');

Vue：使用require语法从vue包中获取Vue构造函数。
App：使用require语法导入App.vue组件。
mapState：从vuex包中获取mapState函数。