开始

这里通过三个步骤，来了解Tyre具体执行过程

1.安装

npm install tyre -g

2.创建模板文件

创建生成vue组件的模板文件 template.tpl ，使用<% %>作为占位符用于解析

# template.tpl

<template>
    <h1> <%= title %> </h1>
    <div>
    <% if (true) { %>    
        <%# input %>
    <% } %>
    </div>
</template>

3.创建数据配置文件

模板声明好了，需要data.json来配置相应的变量，作为数据依据

# data.json

{
    "title" : "Hello Tyre",
    "input" : {
        "name" : "input",
        "value" : "val",
        "default" : "hello"
    }
}

完成以上步骤后通过命令行执行

# 执行tyre命令
tyre template.tpl data.json

执行完成后，将生成对应的data.vue文件

结果如下:

# data.vue

<template>
    <h1> Hello Tyre </h1>
    <div> 
        <input v-model="val">
    </div>
</template>
<script>
    export default {
        data () {
            return {
                val : 'hello'
            }
        }
    }
</script>