如何在html页面使用vue组件
前言
对公司那老旧的项目进行改造升级,从头再来时间太久,我也累,那就改造部分地方,对原生html升级成vue,那就需要代码复用,那咋办呢,用vue组件
第一步 引用
我就喜欢整简单的,大伙按顺序来,直接可用,突出一个傻瓜简单,喜欢的点个关注哦!
方案是使用一个插件 httpVueLoader
他是一个js,我这已经下本地了,需要的可以评论区留一手,我直接发
<script src="../res/vue/httploader.js"></script>
第二步 注册
Vue.use(httpVueLoader);
const cntgoods = httpVueLoader('./components/xxx.vue')
// 写vue实例的外面
new Vue({
el: '#app',
components: {
xxx, //记得注册
},})
第三步 使用
在html里面即可
<xxx></xxx>
完事!
转载自:https://juejin.cn/post/7182483337683861562