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

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

代码如下:

example.html

Vue component

//引入组件mycomp.js

mycomp.js

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

<script type="text/x-template" id="c">
<p class="my" v-on:click="todo+=1">
{{todo}}

*/}))

运行结果:

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

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