veu中pug模板怎么动态添加属性值，为什么我这个没有渲染

Question

这是我的pug模板

<template>

  div

    form(

      id="form"

      method="POST"

      action=""

    )

      div(class="form-data")

        input(type="text" name="data" id="data" :value="data")

</template>

这是我的vue data

 data () {

          return {

            data: '1111'

          }

        }

但是为什么渲染出来没有值

还有哪怕我动态的用js添加

document.getElementById('data').value = 1

也会如下错误

为什么会这样，感谢各位大佬给小弟提供一丢丢帮助