一、组件基础和注册

组件概念

  组件系统是 Vue 的另一个重要概念,他的核心就是封装和复用。

细节

  组件的name必须是全局唯一。

二、属性、事件和插槽

  组件的三大核心概念:属性、事件和插槽。

  属性,事件,插槽好文

1.属性

1.1导言

  vue组件 = vue实例 = new Vue(options)

  不同的组件只不过是options的不同,90%的工作都是围绕配置options来进行

1.2分类

  

2.事件

  

  • 事件冒泡
  • 阻止事件冒泡

3.插槽

分类:

  • 默认插槽
  • 具名插槽
  • 作用域插槽

本质:

  作用域插槽本质上是返回组件的函数,用来传递复杂内容的方式,仅仅因为在属性当中无法传递复杂内容而设置的一组API.

<template v-slot:pre-icon=“{value}”>
<span></span>
<template>

三、单文件组件

环境安装

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统

npm install -g @vue/cli
# OR
yarn global add @vue/cli

最新文章

  1. mysql 5.5 修改字符编码
  2. win7或win2008 R2 被远程登录日志记录 系统日志
  3. oracle-5-的升级步骤
  4. Unity3d UnityEditor EditorWindow 自定义窗体控件
  5. &lt;TCP/IP原理&gt; (二) OSI模型和TCP/IP协议族
  6. 翻译:load data infile(已提交到MariaDB官方手册)
  7. BZOJ 2049 洞穴勘测
  8. 关于交叉熵(cross entropy),你了解哪些
  9. addEventListener 第三个参数
  10. 20180328 Redis和MSMQ
  11. ORACLE12C架构图
  12. stack 的一些用法
  13. switch case语句重点概况
  14. SQL Case when 的使用方法 (转)
  15. mysql中的blob和text区别
  16. leetcode-844-比较含退格的字符串(用vector取代stack)
  17. 使用.bat文件运行ant的build.xml
  18. 【前端学习笔记】arguments相关
  19. [C++] Fucntions
  20. 用 LoadLibraryExW 函数测试加载 dll (CSharp、Windows)

热门文章

  1. 用到的Dos命令总结 持续更新
  2. NOIP2014联合权值
  3. 从零起步 系统入门Python爬虫工程师 ✌✌
  4. Maven下载速度过慢问题已解决
  5. JDK8 Optional操作学习
  6. Linux之常用命令I
  7. Ubuntu 安装中文
  8. [LUOGU1868] 饥饿的奶牛 - dp二分
  9. linux系统状态网络、权限、用户大杂烩
  10. Android9.0 如何区分SDK接口和非 SDK接口