![Vue笔记[二]-组件化](https://cdn.chuckle.top/images/54-1.webp)
轻笑Chuckle
·
Vue笔记[二]-组件化
💡
原文中文，约15900字，阅读约需38分钟。
📝
内容提要
本文介绍了Vue的生命周期、组件化、单文件组件、Vue脚手架和插件的使用。生命周期包括初始化、更新和销毁Vue实例。组件化提高代码复用性和维护性。单文件组件方便管理和维护。Vue脚手架快速搭建Vue项目。插件扩展Vue功能。还介绍了scoped样式避免样式冲突。
🎯
关键要点
- Vue的生命周期包括初始化、更新和销毁，生命周期函数由程序员定义。
- 组件化提高代码复用性和维护性，组件是可复用的Vue实例。
- 非单文件组件在实际开发中几乎不用，组件中的data必须用函数式。
- 组件名的写法有小写和双驼峰写法，不能使用已有的HTML标签名。
- 单文件组件包含<template>、<script>和<style>，需通过webpack或脚手架处理。
- Vue脚手架是官方提供的开发工具，使用npm安装并创建项目。
- render函数用于将组件放入容器，解决模板编译问题。
- props用于实现父子组件间的数据传递，接收父组件传入的数据。
- mixins用于提取重复的配置项，支持局部和全局混入。
- 插件是一个对象，必须有install()方法，支持全局配置和原型扩展。
- scoped样式防止样式冲突，样式仅在当前组件中生效。
➡️
