vue.js：组件化的实现和使用过程
创始人
2024-04-19 07:23:34

什么是组件化？

当我们遇到复杂问题的时候：

  • 任何一个人处理信息的逻辑能力都是有限的
  • 所以，当我们面对一个复杂的问题的时候，我们不可能一次性搞定处理掉一大堆内容
  • 但是我们都会有问题拆解的能力
  • 将一个复杂的问题拆解成很多小的问题处理，再将这些小问题放到整体中，这样很多问题都会迎刃而解了

Vue组件化思想

  • 组件化是Vue.js中的一个重要的思想
    • 它提供的是一种抽象，可以让我们开发一个个独立可复用的小组件来构造我们的应用。
    • 任何一个组件都会被抽象为一棵树。

组件抽象为组件树
注册组件的基本步骤
组件的使用分为3个步骤：

  • 创建组件构造器
const cpnC = Vue.extend({template:`
我是标题
我是内容：哈哈哈
我是内容：呵呵呵
`

在这里插入图片描述

  • 注册组件
Vue.component('my-cpn',cpnC)

在这里插入图片描述

  • 使用组件

在这里插入图片描述
在这里插入图片描述

需求：当有一块内容需要重复显示的时候就可以利用组件化的思想–>将一块内容重复显示4次

1.一般方法

我是标题
我是内容：哈哈哈
我是内容：呵呵呵




我是标题
我是内容：哈哈哈
我是内容：呵呵呵




我是标题
我是内容：哈哈哈
我是内容：呵呵呵




我是标题
我是内容：哈哈哈
我是内容：呵呵呵

2.组件化实现

完整代码


组件化的基本使用
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：假设检验(1)-假设检验的基本概念

下一篇：C++11、17、20的内存管理-指针、智能指针和内存池从基础到实战（中）

相关内容

热门资讯

我喜欢你韩语怎么说 sikid...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...
阿西吧是什么意思 阿西吧相当于... 即使你没有受到过任何外语培训，你也懂四国语言。汉语：你好英语：Shit韩语：阿西吧（아，씨발! ）日...