需要写个简单的小项目,3个网页跳转,有些逻辑处理 想到了用vue,简单处理不用构建工具编译,创建了3个html,分别使用vue处理模板和逻辑显示,这时增加了个需求,有个悬停的音频播放按钮要贯穿3个页面,这要分开写,页面一跳转音频就停止了。 这时就需要一个能在html中加载多个vue模板的的功能,终于发现了: http-vue-loader 官网github例子中主要是用作子组件和如何添加到当前页,实际使用时发现搭配vue-router也十分好用,跟使用构建工具没有什么大差别。
html中:
const Question=httpVueLoader('question.vue')
const routes = [
{ path: '/question', component: Question },
]
question.vue中:
<script>
module.exports = {
data() {
......
}
}
</script>
//唯一的使用差异可能也就是 module.exports 这里了