paneon/php-vue-to-twig


README

CI

使用PHP将Vue文件编译为Twig模板

指令

其他功能

限制

难以解释JavaScript语言特性并将其转换为Twig。

例如,在属性绑定中的字符串连接当前不正常:🚫

此示例正常工作

<template>
    <div :style="'fontSize: ' + (size + 10) + 'px'"></div> 
</template>

<script>
export default {
  props: {
    size: {
      type: number,
      required: true,
    },
  },
};
</script>
<div style="{{ 'fontSize: ' ~ (size + 10) ~ 'px' }};"></div>

但此示例不正确

<template>
    <div :style="'fontSize: ' + (foo.size + 10) + 'px'"></div> 
</template>

<script>
export default {
  props: {
    foo: {
      type: object,
      required: true,
    },
  },
};
</script>
<div style="{{ 'fontSize: ' ~ (foo.size ~ 10) ~ 'px' }};"></div>