vue的写法在浏览器与cli中有不同，请问cli里的vue文件如何可以直接在浏览运行？
例如这个vue文件如何在浏览器直接运行
<template>
<view class="content">
<view>
<text class="title">{{title}}</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin: 200rpx auto 50rpx auto;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
网友回复
可以用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...点击查看剩余70%
by 黄美玲
我知道答案，我要回答
私活外包
最新提问
如何让ai帮我自动在小红书或抖音上自动根据需求截流与潜在客户聊天拉客？
如果用go编写一个在virtualbox中启动的简单操作系统？
go如何搭建一个零信任网络？
如何用python实现一个公网代理访问软件？
如何用go实现一个公网代理访问软件？
如何用python实现一个内网穿透打洞程序，实现内网的80端口暴露到公网上可以访问？
如何用go实现一个内网穿透打洞程序，实现内网的80端口暴露到公网上可以访问？
何为Shadowsocks 代理？
python如何实现类似php的opendir目录相互隔离的fastcgi多租户虚拟空间？
nodejs如何实现类似php的opendir目录相互隔离的fastcgi多租户虚拟空间？
