03~vue声明式渲染

俗世凡人行

已于 2023-09-07 22:55:55 修改

阅读量49

点赞数

分类专栏： vue3 文章标签： vue.js javascript 前端

于 2023-09-07 22:42:35 首次发布

本文链接：https://blog.csdn.net/weixin_41887155/article/details/132747586

版权

vue3 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

本文介绍了在Vue.js中，如何通过声明式渲染提高开发效率，展示了一个组件实例，包含数据导出和模板中使用导出对象的示例。

摘要由CSDN通过智能技术生成

<script>
// 声明式渲染, 可以提高开发效率
export default {
  // 导出对象,这里面导出了, 暴露给模板，模版里面就可以使用导出的对象
  data () {
    return {
      num: 0,
      usernam: '张三'
    }
  }
}
</script>

<template>
  <!-- 模块 -->
  <div>
    <p>{{num}}</p>
    <p>{{usernam}}</p>
  </div>
</template>

<style>
</style>