vue2 的js文件怎么导入.vue文件

要在 Vue2 的 js 文件中导入 .vue 文件，需要先安装和配置相应的依赖和插件。

1. 安装依赖：vue-loader、vue-template-compiler 和 vue-style-loader

npm install vue-loader vue-template-compiler vue-style-loader --save-dev

2. 在 webpack 配置文件中添加 vue-loader 的相应配置

// webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      }
    ]
  }
}

3. 在 Vue2 的 js 文件中使用 import 或 require 导入 .vue 文件

// app.js
import Vue from 'vue'
import App from './App.vue'

new Vue({
  el: '#app',
  render: h => h(App)
})

或者

// app.js
var Vue = require('vue')
var App = require('./App.vue')

new Vue({
  el: '#app',
  render: function (createElement) {
    return createElement(App)
  }
})

注意：导入的 .vue 文件需要在 script 标签中使用 `export default` 导出 Vue 组件，例如：

<template>
  <div>
    <h1>Hello World</h1>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
h1 {
  color: red;
}
</style>

这样就可以在 Vue2 的 js 文件中导入和使用 .vue 文件了。