不使用vue文件，可以创建带局部style的组件吗？

Question

我们项目本来不是用vue的，最近只是引入vue想试试水，我们想用vue做一个提示组件，这个组件有style局部样式，我们不想让这些样式污染其他页面。可是网上的做法都是写一个独立的vue文件，用webpack的方式引入，这样太麻烦了！我们只是想试试水，时间很紧，没有时间学习这么复杂的东西，请问大家可以简单用一个js方法临时搞定不？像Vue.componue，似乎不可以写style。

Answer 1

http-vue-loader

Answer 2

看明白了，就是要解决样式污染的问题，那么你可以怎么办呢？

1. 直接用style。
2. 通过开发规范来定义class名。比如说 vue-* 开头写样式
3. 通过 webpack 开 style 的 scoped，本质上来讲，他是生成了一个 data 属性来限制。