所在的位置: js >> js发展 >> Vuejs的组件基础

Vuejs的组件基础

组件的概念

组件,既然是组件,按照字面理解,就不会是单一的功能,而是一个组合起来的功能集合。组件的重要特性就是:公用、通用、模块相对独立、功能相对完整、这个不光是在Vue.js中包含,在很多的后端语言,都有组件的概念。还有另外的一种含义叫做开箱即用。也是组件能够实现的一种方式。Vue.js中的组件主要是为了复用Vue.js开发的一些列的Vue实例,这样可以提高开发效率,并且维护和协同开发更加的方便。接下来我们就简单的来说说Vue.js中的组件使用。

组件的使用方式

两种组件的注册方式:全局注册和局部注册。

首先使用全局注册的方式。对于局部注册,放到使用Vue-CLI构建单页应用的时候再来讲解。查看代码进行说明:

刷新页面查看效果:

你会发现页面的实际内容来自组件button-counter。现在很多的基于Vue.js的模版都是这样进行封装。根据使用的类型不同进行封装。简单的说一下代码的概念。

constapp=Vue.createApp({});

Vue.js的入口函数,就相当于C,Java中的main函数。所有的处理都基于该实例变量。

怎么在Vue.js中注册一个组件呢,我们可以使用console.log(app);在控制台显示出来该实例都有哪些参数可以使用。

可以很清楚的看到,通过名字猜,应该也能猜测出来是第一个


转载请注明:http://www.aierlanlan.com/tzrz/1203.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了