我们可以在没有 .vue 扩展组件和 webpack 的情况下制作 vue.js 应用程序吗? [英] Can we make vue.js application without .vue extension component and webpack?

查看：19
本文介绍了我们可以在没有 .vue 扩展组件和 webpack 的情况下制作 vue.js 应用程序吗?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

注意:我们可以在不使用任何代码编译器的情况下编写 vue.js 大型应用程序吗，就像目前我看到的所有示例现在都使用 webpack 使 vue.js 代码与浏览器兼容.

我想要制作 vue.js 应用程序而不使用 webpack 并且不使用 .vue 扩展名.是否可以?如果可能的话，您能否提供一个链接或示例如何在这种情况下使用路由.

当我们在 .vue 扩展名中制作组件时，可以在 .js 扩展名中制作组件并使用应用程序，就像我们在 angular 1 中所做的那样，我们可以在没有任何内容的情况下制作整个应用程序trans-compiler 来转换代码.

只能在 html 、 css 、 js 文件中完成，没有 webpack 之类的东西.

我做了什么.index.js

<头><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>vueapp01</title><身体><div id="应用程序"></div><!-- 构建的文件将被自动注入-->

ma​​in.js 这个文件是在 webpack 加载时添加的 

//要使用 `import` 命令加载的 Vue 构建版本//(runtime-only or standalone) 已经在 webpack.base.conf 中设置了别名.从'vue'导入Vue从'./App'导入应用程序从'./router'导入路由器Vue.config.productionTip = false/* eslint-disable no-new */新的 Vue({el: '#app',路由器，组件:{应用}，模板:'<应用程序/>'})

App.vue