码迷,mamicode.com
首页 > 其他好文 > 详细

Vue中组件(.vue文件)

时间:2020-02-13 21:23:17      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:解析   就是   模块   文件   style   结构   一个   nbsp   属性   

Vue组件

组件的构成

一个.vue文件就是一个组件

组件都是由三部分组成:html结构(html结构都是在template标签中)、js逻辑、css样式

  • 1)template只能解析一个根标签
  • 2)js逻辑都是在script标签中,必须设置导出,export default {...}
  • 3)css样式都是在style标签中,必须设置scoped属性,是样式组件化
<template>
    <div class="first-cp">
         <h1>第一个组件</h1>
    </div>
</template>

<script>
    // .vue文件类似于模块,可以直接相互导入,所以在组件内部要设置导出
    export default {

    }
</script>

<style scoped>
    /* scoped可以使样式组件化,只在自己内部起作用 */

</style>

 

Vue中组件(.vue文件)

标签:解析   就是   模块   文件   style   结构   一个   nbsp   属性   

原文地址:https://www.cnblogs.com/baohanblog/p/12305047.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!