vue单文件组件, - 前端笔记-Vue单文件组件 传统Vue组件的缺陷: 全局定义的组件不能重名,字符串模板缺乏语法高亮,不支持css(当html和js组件化时,css没有参与其中) 没有构建步骤限制,只能使用H...

学习笔记

点滴记忆
回忆过往
首页>> web前端 >>vue单文件组件, - 前端笔记
2020-1-9
分类: web前端

vue单文件组件,

文章作者:痴迷

Vue单文件组件 传统Vue组件的缺陷: 全局定义的组件不能重名,字符串模板缺乏语法高亮,不支持css(当html和js组件化时,css没有参与其中) 没有构建步骤限制,只能使用H5和ES5,不......

Vue单文件组件
传统Vue组件的缺陷:
全局定义的组件不能重名,字符串模板缺乏语法高亮,不支持css(当html和js组件化时,css没有参与其中)
没有构建步骤限制,只能使用H5和ES5,不能使用预处理器(babel)
解决方案:
使用Vue单文件组件,每个单文件组件的后缀名都是.vue
每一个Vue单文件组件都由三部分组成
1).template组件组成的模板区域
2).script组成的业务逻辑区域
3).style样式区域

//模板
<template>
    <div>
      御剑乘风来,除魔天地间!
    </div>
</template>
           
//逻辑      
<script>
export default{
             
}
</script>

//样式
<style scoped>
            
</style>

×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:前端笔记 » vue单文件组件,

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)