wp-vuetojs

Vue.js based on the efficient conversion plug-in wp-vuetojs

Vue.js based on the efficient conversion plug-in

Installation

Prerequisites: Node.js (>=4.x, 6.x preferred), npm version 3+.

$ npm install -g wp-vuetojs
or
$ yarn global add wp-vuetojs

Usage

$ vuetojs

Example

$ D:\data\hbuilder\H\vueTest\vueToJs2>vuetojs

notice

本插件致力于在html、jsp等项目中使用.vue文件开发，请注意使用场景。在使用到别的js方法、变量时，将js引入到界面中即可在vue文件中直接调用。 在指定目录下运行vuetojs命令后，目录下（包括层层嵌套的文件夹）包括的vue文件将会被监听，只要不关闭运行程序，修改vue文件时会及时被编译为js

• 1、生成文件不建议编辑，因为在每次编译后会重置
• 2、style标签可以写多个，且有两种属性， scoped：是否私有，root：在scoped的基础上是否根节点。都不加为全局样式，请配合自定义class使用 root只会对第一个css选择器进行处理，因为没有必要对多个（实在有多个就多写几个style标签）
• 3、文件名即为组件名，有大写是调用需使用(-小写字母)替代，因为html不区分大小写
• 4、被同一html文件引用的组件之间，可以互相调用

2.0.0版本开始后新增加了将less文件转化为css的功能，转化规则与vue转化js类似，同一目录的less文件将统一放在一个css文件中， 如果想避免放在一起，请建多个目录进行规避

2.0.8版本开始后 生成的换行变为CRLF （\r\n）