Vue - 在纯 HTML 普通项目中实现组件化,让原生 html 项目支持引入 *.vue 组件 / 组件与组件间的互相引用等,完美解决了引入组件出现的跨域问题(保姆级详细教程,完整示例源码及插件)

前言

网上的方法千篇一律,并且都有引入组件报错 “跨域” 问题,本文彻底解决并提供详细的示例源码(一键复制运行)。

在纯 html 原始项目中没有 “组件” 概念(意味着重复的组件,每次都需要重新写),就算引入了 Vue.js 包也是功能有限,根本无法引入 *.vue 文件,更不可能实现组件化。

有些朋友不想用脚手架(webpack)创建,还想要在纯 html 页面中获得 “组件化” 能力, 如下图所示。

也就是说,您可以在不依赖 node.js / webpack 等等环境下,进行使用。

Vue - 在纯 HTML 普通项目中实现组件化,让原生 html 项目支持引入 *.vue 组件 / 组件与组件间的互相引用等,完美解决了引入组件出现的跨域问题(保姆级详细教程,完整示例源码及插件)_第1张图片

准备阶段

目前

你可能感兴趣的:(+,Vue,http-vue-loader,vue,oader跨域,html引入.vue组件跨域,纯html项目如何vue组件化,vue.js,html)