首页 > 其他分享 >vue-day28--对组件的理解

vue-day28--对组件的理解

时间:2023-07-18 22:45:51浏览次数:27  
标签:文件 vue day28 -- js 应用 组件 1.1

学了vue之后,我们需要了解组件是什么
组件的定义:实现应用中局部功能代码(css/js/html)和资源(map,map,zip)的集合

 

1.1 模块与组件、模块化与组件化

1.1.1 模块

  1. 理解:向外提供特定功能的 js 程序,一般就是一个 js 文件
  2. 为什么:js 文件很多很复杂
  3. 作用:复用 js,简化 js 的编写,提高 js 运行效率

1.1.2 组件

  1. 理解:用来实现局部(特定)功能效果的代码集合( html/css/js/image.....)
  2. 为什么:一个界面的功能很复杂
  3. 作用:复用编码,简化项目编码,提高运行效率

1.1.3 模块化

当应用中的 js 都以模块来编写的,那这个应用就是一个模块化的应用。

1.1.4 组件化

当应用中的功能都是多组件的方式来编写的,那这个应用就是一个组件化的应用。

1.2 非单文件组件(一个文件中包含有n个组件)

1.2.1 说明

  1. 模板编写没有提示
  2. 没有构建过程,无法将 ES6 转换成 ES5
  3. 不支持组件的 CSS
  4. 真正开发中几乎不用

1.2 单文件组件(一个文件中只包含有1个组件 例如 a.vue)

标签:文件,vue,day28,--,js,应用,组件,1.1
From: https://www.cnblogs.com/satisfysmy/p/17564330.html

相关文章

  • Abaqus添加初始缺陷
    主要介绍通过施加节点位移的方法步骤一:复制model,新建Step,staticlinearperturbationTools->AnalyticalField定义场函数,例如:Asin(pi*X/Lx)*sin(pi*Y/Ly)一个四边形区域,A是位移最大值Load->Uz=1,选择场函数,即在Z方向施加位移Model->EditKeywords****Outputrequests......
  • 面试准备
    58分布式事务***2PC,3PC,一致性哈希,RaftRaft算法 是分布式系统开发首选的共识算法,Raft算法是通过一切以领导者为准的方式,实现一系列值的共识和各节点日志的一致。分三种角色:跟随者(Follower):普通群众,默默接收和来自领导者的消息,当领导者心跳信息超时的时候,就主动站出来,推......
  • coc仓库--从内存中读取图像
    从内存中读取图像1.源码voidcreateMatFromMem(FILE*file,cv::Mat*mat){uchar*mem_pic=newuchar[6268932/sizeof(uchar)];longsize=0;fread(mem_pic,sizeof(uchar),6268932/sizeof(uchar),file);pclose(file);cv::_InputArraypic_a......
  • coc仓库--popen命令的封装
    popen命令的封装1.源码intrunShellNoReturn(constchar*cmd,constchar*mode){FILE*file=popen(cmd,mode);if(file==NULL){return1;}else{pclose(file);return0;}}FILE*runShellAndReturn(con......
  • vue基本操作[上] 续更----让世界感知你的存在
    Vue引用js文件的多种方式1.vue-cliwebpack全局引入jquery(1)首先npminstalljquery--save(--save的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。)(2)在webpack.base.conf.js里加入"""varwebpack=require("webpack")"""(3)在module.......
  • C语言:数据类型之整形(一)
     什么是数据?记录一天各个时间的温度,那么这个温度就是数据.记录一个水库水位的变化值,那么这个值就是数据.什么是数据类型?1215是整数12.23是小数"helloworld"是一段话基本数据类型:数值类型:整形,浮点型。整形顾名思义就是整数,像:1,2,3,4,5就是整形整形在C语言的关键字是:int......
  • 初识C语言--2
    指针,指针的大小为4或8字节,取决于使用系统的地址线,32位为4字节。指针变量——用来存放地址取地址——int*p=&a;inta=10;//创建一个空间,此空间有一个地址名,空间存放的值为10int*p=&a;//创建一个空间,名字为p,里面存放的为a的地址*p=20;//*p的意义为p空间中存放的地址,其指......
  • Android 串口开发记录
    一、导入在我们的认识中Android系统是手机系统,它的物理接口一般只有usbhost接口(之前的手机还有耳机接口,不过近几年取消了)。但其实安卓支持各种各样的工业接口,如HDMI、usb、网口、串口等等。本文将来说一下在安卓下开发串口通信。二、串口是什么?串行接口简称串口,也称串行通信接口或......
  • 研发效能|DevOps|平台工程
    欢迎加入我们的「研发效能DevOps」群。我的文章主要首发在scmroad主要关注领域{研发效能、研发工具链、持续集成、交付、DevOps、效能度量、微服务治理、容器、云原生}欢迎添加我(xueliuan)入群,添加请备注公司、职位......
  • 【230718-1】关于x的一元二次方程x^2-(k+3)x+2k+2=0 1)求证方程总有两个实根 2)若方程
    【230718-1】关于x的一元二次方程x^2-(k+3)x+2k+2=01)求证方程总有两个实根2)若方程有一根小于1,求k的取值范围。【解答】......