Vuejs实现带样式的单文件组件新方法

发布时间：2020-12-17 02:58:56 所属栏目：百科来源：网络整理

导读：本文实例为大家分享了Vuejs实现单文件组件的方法，供大家参考，具体内容如下代码如下: example.html Vue component //引入组件mycomp.js mycomp.js script type="text/x-template" id="c" p class="my" v-on:click="todo+=1" {{todo}} */})) 运行结果: 以简

本文实例为大家分享了Vuejs实现单文件组件的方法，供大家参考，具体内容如下

代码如下:

example.html

Vue component

//引入组件mycomp.js

mycomp.js

.my {color:red;padding:10px;}

*/}))

运行结果:

以简单的js文件形式实现了Vue单文件组件,优点是带样式,用法简单,接近于.vue文件,

不用webpack,不用发ajax请求,直接引入使用 !

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!