可以用vue-html-loader,也可以用vue2-sfc-loader,下面我们以vue2-sfc-loader来示例怎么写一个在浏览器直接运行vue文件的方法代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="app"></div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue2-sfc-loader.js"></script>
<script type="module">
/* <!-- */
const mainComponent = `
<template>
<span @click="sayhi">{{title}} from Vue {{ require('myData').vueVersion }} !</span>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
methods: {
sayhi:function(){
alert("hello");
}
}
}
</script>
`;
/* --> */
const {
loadModule,
vueVersion
} = window['vue2-sfc-loader'];
const options = {
moduleCache: {
vue: Vue,
myData: {
vueVersion,
}
},
getFile(url) {
if (url === '/main.vue')
return Promise.resolve(mainComponent);
},
addStyle() {
/* unused here */
},
}
loadModule('/main.vue', options)
.then(component => new Vue(component).$mount('#app'));
</script>
</body>
</html>
网友回复
python如何调用openai的api实现知识讲解类动画讲解视频的合成?
html如何直接调用openai的api实现海报可视化设计及文本描述生成可编辑海报?
f12前端调试如何找出按钮点击事件触发的那段代码进行调试?
abcjs如何将曲谱播放后导出mid和wav格式音频下载?
python如何将曲子文本生成音乐mp3或wav、mid文件
python中mp3、wav音乐如何转成mid格式?
js在HTML中如何将曲谱生成音乐在线播放并下载本地?
python如何实现在windows上通过键盘来模拟鼠标操作?
python如何给win10电脑增加文件或文件夹右键自定义菜单?
python如何将音乐mp3文件解析获取曲调数据?