三、Vue基础-组件（上）

目录

 1、单页面应用程序

1.1、什么是单页面应用程序

1.2、单页面应用程序的特点

 1.3、单页面应用程序的优、缺点

1.4、快速创建vue的spa项目

 2、vite的基本使用

2.1、创建vite项目

 2.2、项目结构

 3、组件化开发思想

3.1、什么是组件化开发思想

 3.2、组件化开发的好处

 3.3、vue中的组件化开发

 4、vue组件的构成

4.1、vue组件组成结构

 4.2、组件的template节点

 4.3、组件的script节点

 4.4、组件的style节点

 5、组件的基本使用

5.1、组件的注册

 5.1.1、全局注册的组件(在main.js中)

5.1.2、局部注册的组件(在App.vue中)

 5.1.3、全局注册与局部注册的区别

5.1.4、组件注册时名称的大小写

​5.1.5、通过name属性注册组件

 5.2、组件之间的样式冲突

5.2.1父组件影响子组件

5.2.2、解决样式冲突

 5.2.3、样式穿透

5.3、组件的props

5.3.1、什么是组件

 5.3.2、在组件中声明props

 5.3.3、动态绑定props值

  5.3.4、props的大小命名法

 5.4、Class与Style绑定

5.4.1、动态绑定html的class

 5.4.2、以数组语法html的class

  5.4.3、以对象语法html的class

  5.4.4、以对象语法html的class

---

 1、单页面应用程序

1.1、什么是单页面应用程序

1.2、单页面应用程序的特点

 

 1.3、单页面应用程序的优、缺点

 

1.4、快速创建vue的spa项目

 2、vite的基本使用

2.1、创建vite项目

 2.2、项目结构

  2.2、vite项目的运行流程

 3、组件化开发思想

3.1、什么是组件化开发思想

 3.2、组件化开发的好处

 3.3、vue中的组件化开发

 4、vue组件的构成

4.1、vue组件组成结构

 4.2、组件的template节点

 4.3、组件的script节点

 

 

 

 4.4、组件的style节点

 

 5、组件的基本使用

5.1、组件的注册

 5.1.1、全局注册的组件(在main.js中)

全局可用，包括别的组件

5.1.2、局部注册的组件(在App.vue中)

在app.vue中的某一个script中注册，仅仅该script对应的部分可用。

 5.1.3、全局注册与局部注册的区别

5.1.4、组件注册时名称的大小写

 5.1.5、通过name属性注册组件

 5.2、组件之间的样式冲突

5.2.1父组件影响子组件

5.2.2、解决样式冲突

 5.2.3、样式穿透

5.3、组件的props

5.3.1、什么是组件

 

 5.3.2、在组件中声明props

父组件:

 注：子组件未声明，父组件无法传值。

 5.3.3、动态绑定props值

 

  5.3.4、props的大小命名法

 5.4、Class与Style绑定

5.4.1、动态绑定html的class

 5.4.2、以数组语法html的class

  5.4.3、以对象语法html的class

  5.4.4、以对象语法html的class

总结：