如何在传统页面中引入.vue文件？

Question

如何在传统页面引入.vue文件？

Answer 1

.vue 文件实际是为了把vue组件化化的，如果不多的话，可以手动添加想要的组件，把组件的style 放到css文件中，模版和js放在组件中。
有两种方式，一种是全局组件：

Vue.component('my-component', {
  template:'',
   data:function(){
     return {}
}
})

另一种是局部组件，
直接

  var   myComponentName = {
        template:"",
        data:function(){
        }
    }

希望能帮到你

Answer 2

.vue 文件意在方便用户管理资源，降低以前资源分散导致的成本。从本质上来看，它并不受 HTML 原生支持，所以不可能在传统页面中无痛引用。所以首先，题主需要改变思路，放弃在传统页面中引入 .vue 文件的想法，转而考虑你的需求是什么，怎么最能满足。

从我的角度来看，引入 .vue 是为了复用 vue 组件，尤其是别处已经开发完成的组件。那么这种情况明显应该“无论如何都要引用”，所以可以考虑用一个入口文件来导入并编译这个 .vue 文件。

如果要当作组件来用，那么楼上说的全局注册也是个不错的方法。