2.基础:Vue组件的核心概念
张飞洪 人气:1一、组件基础和注册
组件概念
组件系统是 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>
三、单文件组件
环境安装
- ES6入门
- vue cli介绍
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统
- vue cli安装[有坑]
npm install -g @vue/cli # OR yarn global add @vue/cli
加载全部内容