vue中的单文件组件写法

最新推荐文章于 2025-06-22 21:40:38 发布

灯光下的投影

最新推荐文章于 2025-06-22 21:40:38 发布

阅读量799

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签：单文件组件

本文链接：https://blog.youkuaiyun.com/liuyuhua666/article/details/93637022

vue 专栏收录该内容

19 篇文章

订阅专栏

<template>
  <div class="box">
    {{msg}}
    <input type="text" />
  </div>
</template>

<script>
export default {
  data(){
    return {
      msg: "hello"
    }
  }
}
</script>

<style scoped>
  /* 如果给style标签不加scoped属性，那么这个style标签中的样式，会影响到别的组件中的内容，也就是说他是全局生效的 */
  /* 如果只想让这些样式在当前组件内生效，那我们就添加一个scoped属性，就可以了 */
  .box {

  }
</style>