petite-vue中，如何定义变量，并绑定到页面中

在petite-vue中，可以通过在template标签中使用{{变量名}}的方式来绑定变量到页面中。而变量的定义则可以使用data()函数，将需要绑定的变量以对象的形式返回即可。例如：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        message: 'Hello, petite-vue!'
      }
    }
  }
</script>

在上述代码中，我们定义了一个名为message的变量，并将其绑定到了页面中。在页面中，我们可以看到渲染出了一段文本：“Hello, petite-vue!”