这是一个CDN引入vue.js文件，httpVueLoader引用组件，不用webpack打包实现的vue demo

最新推荐文章于 2024-03-31 23:40:49 发布
最新推荐文章于 2024-03-31 23:40:49 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： VUE  js 插件的使用 文章标签： vue Ant Design Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Crazy_GirlLL/article/details/124154785
版权
VUE  同时被 3 个专栏收录
40 篇文章 2 订阅
订阅专栏
插件的使用
16 篇文章 0 订阅
订阅专栏
js
15 篇文章 0 订阅
订阅专栏

下载改压缩包，如果使用vscode编辑器，可以安装这个扩展，根据步骤打开就能展示（不能直接点击文件打开，路径不能是file://，需要是类似：http://127.0.0.1:7000/）

免费压缩包，提供参考：

链接：https://pan.baidu.com/s/1Md_XssZxWl8ubm5RHYuAlg?pwd=nfym 
提取码：nfym

安装完扩展之后，可能需要重启vscode，根据情况而定即可

然后在index.html文件中，就可以看到如图所示的图标和选项，选择你要打开的浏览器就行

Crazy_GirlLL
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-introjs-与vue.js http://introjs.com/集成了intro.js分步指南和功能介绍。-Vue.js开发
05-27
vue-introjs Vue的intro.js绑定。 安装添加软件包yarn添加vue-introjs＃或通过npm：npm i vue-introjs安装插件导入VueIntro和Vue的vue-introjs intro.js绑定。 安装添加软件包yarn添加vue-introjs＃或通过npm：npm i...
httpVueLoader.js
12-26
可提供直接在网页环境中载入 .Vue 文件，无需通过 nodeJS 环境编译，也不需要 Build 的步骤。
httpVueLoader使用示例（用于cdn引入vue2后在html文件中使用组件开发）
TwoBE9876的博客
05-04 1457
用于cdn引入vue2后在html文件中使用组件开发
【html页面引入vue页面】使用httpVueLoader.js让html页面引入vue文件当组件使用，html组件化开发
seeeeeeeeeee的博客
01-16 6221
最近遇到的一个需求，就是html页面需要组件化开发，然后找了一圈，发现很多组件化开发不好用一般就是几种，比较用的多的一个是iframe嵌套页面，一个就是通过js生成页面写组件。感觉都挺麻烦的。就想着有没有能像vue哪样简单的组件引入方式。而且iframe加载也慢。没有组件快。后来发现了这个httpVueLoader.js非常好用。只需要引入这个文件，然后其他使用方法和vue差不多了。稍微有点变动可能就是传值方面。传值下面也给出了方案。集中传值的方法应该大体是够用了的。
探索http-vue-loader的奥秘：原理、使用方法、在Vue开发中的应用
最新发布
你若盛开，清风自来
03-31 818
本文将详细介绍http-vue-loader，包括其原理、使用方法以及在Vue开发中的应用。http-vue-loader是一个强大的Vue加载器，可以帮助我们在浏览器中直接加载和解析Vue单文件组件。了解其原理和使用方法对于我们进行Vue开发具有重要意义。
Vue.js快速入门 (cdn引入)
qq15035899256的博客
05-14 9100
本文是对Vue的学习，重点帮助大伙完成从早期基于Dom开发，到Vue中基于数据开发的编程思路转换，除了Vue的基础语法之外，还包含了网络请求库axios的基本使用，中间穿插着5个精心设计的案例。之后的学习内容将持续更新！！！
vue组件
daimenglaoshi的博客
12-17 440
vue的选项很多，除了前面用到的el，data，methods等，还有其它的。因为html中不能直接使用vue页面的内容，需要用到插件http-vue-loader。组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。2.在html页面中导入vue组件并使用。1.将组件内容写入一个vue页面中。
纯静态引入.vue文件之http-vue-loader.js
wade3po的博客
10-21 5522
在最早之前，我做过纯静态的项目引入vue当作模板引擎，就是那种没有任何打包压缩的项目，就是单纯的引入css、js、html的项目。现在应该是很少有这样的项目了，很少不代表没有，起码我现在在撸jq的项目（现在jq贼溜）。 如果习惯了.vue文件去开发，有人就会想要直接用.vue文件当作组件。虽然我很不明白为什么，既然不是用webpack的项目，真的没必要用.vue文件，用js，直接注册组件就行，vue都提供了函数。然而，还是有这样的插件提供了用.vue文件注册组件的，那就是http-vue-loader.j
vue-day01 使用cdn引入使用
m0_63622279的博客
11-19 6127
用于对不同的点击事件做不同的处理。一个简单的点击事件的例子：
使用vue打包时vendor文件过大或者是app.js文件很大的问题
12-09
第一次使用vue2.0开发，之前都是用的angular1.x。在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。。后来翻阅资料才明白，原来webpack把所有的库都打包到了一起，导致文件很大。 ...
文件 httpVueLoader.js
08-09
在html页面中直接加载vue文件
http-vue-loader.rar
03-24
在html(非单页vue项目)中直接引入vue文件组件
http-vue-loader-直接从您的html / js中加载.vue文件，而无需使用node.js环境或构建步骤。-Vue.js开发
05-27
http-vue-loader直接从您的html / js加载.vue文件。 没有node.js环境，没有构建步骤。 示例my-component.vue 您好{{who}} .hello { background-color: #ffe; } index.html
vue-croppie-另一个图像裁剪器-Vue.js开发
05-27
＃黑人的命也是命！...:)安装NPM npm install vue-croppie --save CDN https://unpkg.com/vue-croppie/dist/vue-croppie.js与捆绑软件一起使用将VueCroppie与Webpack，Parcel或其他捆绑软件imp一起使用
VueNode：VueNode是一套基于TypeScript + Vue.js + Node.js + MySQL的前托管分离项目
02-06
头像上传，文件上传到了七牛云OSS，节省了本地空间，并且能很好的利用CDN优势。 整理了前后接口，使用async和await，再也不用多层嵌套替换函数了。 新加了针对前计划部署的详细文档以及Nginx PM2配置。 前瞻
Gridsome-使用Vue.js构建超快速，现代化的网站-Vue.js开发
05-27
Gridsome使用Vue.js构建超快速，现代的网站Gridsome是Vue提供支持的静态站点生成器，用于为任何头目的构建CDN就绪的网站。Gridsome Gridsome是Vue提供支持的静态站点生成器，用于为任何无头CMS，本地文件或API构建可...
vue+element：current-node-key和setCurrentKey设置默认选中并高亮节点，附带全部展开，全部关闭，重新渲染树结构函数render-content
热门推荐
Crazy_GirlLL的博客
02-25 2万+
根据接口获取树结构后，设置默认选中的节点，并高亮 效果图： 官网中对于这两个节点的解释如下 代码如下 <el-tree v-loading="loading" :data="treeData" node-key="value" :props="defaultProps" default-expand-all
Iframe子父级传参
Crazy_GirlLL的博客
04-20 4296
1，父页面给子页面（iframe）传参 父级 子页面（iframe） 代码： // 父页面向子页面传递数据 父级： <iframe id="ifm" ref="ifm" :src="interviewFeedBackUrl" frameborder="no" border="0" class="flexItem"></iframe> mounted () { // iframe加载完毕后再发送消息，否则子页面接收不到message this..
在html中引入vue.js有几种方式
07-27
3. 模块化引入：如果你在使用模块化的开发环境（如Webpack、Parcel等），可以使用类似`import`或`require`的方式引入Vue.js。这种方式适用于使用构建工具进行代码打包和模块管理的项目。例如： ```javascript ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值