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也会如下错误为什么会这样，感谢各位大佬给小弟提供一丢丢帮助