【Vue】—Vue组件基本介绍

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

# 【Vue】—Vue组件基本介绍 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2Mzc0OTY5_size_16_color_FFFFFF_t_70]

*  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”

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2Mzc0OTY5_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2Mzc0OTY5_size_16_color_FFFFFF_t_70]: /images/20220829/55caeb9dc1dd4dc681a69983df5dccbf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2Mzc0OTY5_size_16_color_FFFFFF_t_70 1]: /images/20220829/1a90b6c7e4984571927484d94e8b4053.png

发表评论取消回复

表情：

评论列表（有 0 条评论，275人围观）

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

相关阅读

相关 vue组件的基本介绍

在学习组件之前，我们先了解一下项目的结构一.项目的结构 1.项目的总体结构 ![在这里插入图片描述][5274777ed0ac42088fd3276f7e183

ゝ一纸荒年。/ 2024年04月08日 08:18/ 0 赞/ 119 阅读

相关 datax组件介绍

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

一时失言乱红尘/ 2023年06月08日 06:15/ 0 赞/ 6 阅读

相关 Kubernetes组件介绍

Kubernetes组件介绍 1.kubernetes组件介绍 1.1. kubernetes介绍 1.2. kub

落日映苍穹つ/ 2022年12月23日 06:59/ 0 赞/ 200 阅读

相关 Storm组件介绍

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

川长思鸟来/ 2022年09月25日 04:27/ 0 赞/ 170 阅读

相关【Vue】—Vue组件基本介绍

【Vue】—Vue组件基本介绍 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

柔情只为你懂/ 2022年09月03日 05:09/ 0 赞/ 276 阅读

相关 vue 组件介绍

[vue 组件介绍][vue] 目录[(?)][Link 1][\[+\]][Link 1] 组件简介组件系统是Vue.js其中一个重

╰+攻爆jí腚メ/ 2022年06月15日 03:19/ 0 赞/ 232 阅读

相关 Flutter组件介绍

![640_wx_fmt_jpeg][] > Flutter 是 Google 开源的跨平台移动开发框架，它能够使开发者快速的构建出美观的、高性能的移动应用程序。 Flut

谁借莪１个温暖的怀抱￠/ 2022年05月20日 07:54/ 0 赞/ 462 阅读

相关 Django组件介绍

文章目录 Django组件介绍 1. 分页器的使用 1.1 数据库内插入大量数据 1.2 导入模块

我不是女神ヾ/ 2022年05月12日 08:28/ 0 赞/ 249 阅读

相关 Storm组件介绍

\[size=medium\] （1）Topologies 拓扑解释：拓扑类似一个集装箱，所有的货物都会存储在集装箱里面最后被托运走，storm里面所有的

系统管理员/ 2022年04月11日 06:48/ 0 赞/ 250 阅读

相关 vue组件介绍

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

快来打我*/ 2022年01月14日 02:21/ 0 赞/ 299 阅读