【Vue】—Vue组件基本介绍

柔情只为你懂 2022-09-03 05:09 352阅读 0赞

【Vue】—Vue组件基本介绍

在这里插入图片描述

  • Vue组件是以.vue结尾的文件
  • Vue组件一般都是由三部分组成： template、 script、 style
  • template写页面部分
  • script写js部分，组件的script部分中必须要使用export default { }导出
  • style写css
  • scoped 这个属性的作用就是让css只在当前页面生效
  • lang 这个属性规定当前的style可以使用哪种css语言编写
  • 组件中必须要有页面部分（不一定要有 template标签）
  • 页面部分可以写在template标签中 还可以写在js中
  • 组件的导出：export default {}
  • 组件的导入：import HelloWorld from “./components/HelloWorld.vue”

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，352人围观）

还没有评论，来说两句吧...

相关阅读

    相关 datax组件介绍

    datax是阿里巴巴的一款离线数据同步工具，可以实现不同数据源之间的数据同步功能 特点：1、性能非常好，每秒钟可以达到1万条记录 2、适合于数据直连方式的数据同步 对比

    一时失言乱红尘一时失言乱红尘/ 0 赞/ 54 阅读

    相关 Storm组件介绍

    （1）Topologies 拓扑 解释： 拓扑类似一个集装箱，所有的货物都会存储在集装箱里面最后被托运走，storm里面所有的代码和文件最终会

    川长思鸟来川长思鸟来/ 0 赞/ 218 阅读

    相关 vue组件介绍

    简单的Vue组件构成 开始使用vue.js编写前端代码的时候，我们的了解一下.vue文件的基本构成，不能说是.vue文件，其实是一个组件，下面我们跟着代码去了解一下吧。

    快来打我*快来打我*/ 0 赞/ 370 阅读