PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

博客列表 > Vue自学:组件化的实现和使用步骤(组件化基本理论)

Vue自学:组件化的实现和使用步骤(组件化基本理论)

梁凯达的博客
梁凯达的博客 原创
2021年01月16日 11:49:41 1456浏览

<!DOCTYPE html>

<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
<title>Vue自学:组件化的实现和使用步骤(组件化基本理论)</title>
</head>
<body>

</body>
<script type="text/javascript">
//什么是组件化?
//人在面对复杂问题时的处理方式:
//任何一个人处理信息的能力是有限的
//所以,当面对一个非常复杂的问题时,我们不大可能一次性搞定一大堆内容
//但是,我们人有一种天生的能力,就是把问题拆解
//如果将一个复杂的问题,拆分成为很多的小问题,再将其放在整体当中,大问题也会被解决
//组件化也是类似的思想:
//如果我们将一个页面所有的处理逻辑全部放在一起,处理起来会变得非常复杂,而且不利于后续管理
//但如果,我们将一个页面拆分成为一个个小的功能块,每个功能完成属于自己的这部分独立的功能
//那么之后整个页面的管理和问题就会变得非常容易了
//组件化是Vue.js的重要思想
//他提供了一种抽象,让我们可以开发出一个个独立的小组件来构造我们的应用
//任何的应用都会被抽象成为一颗组件树
//组件化思想的应用
//有了组件化的思想,我们在之后的开发中就要充分的利用它
//尽可能的将页面拆分成为一个个小的,可复用的组件
//这样让我们的代码更加方便组织和管理,并且拓展性很强
//组件的使用分成三个步骤
//创建组件构造器
//通过Vue.extend()方法创建组件构造器
//注册组件
//调用Vue.component()注册组件
//使用组件
//在Vue实例的作用范围内使用组件
</script>
</html>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议