组件的概念
组件,既然是组件,按照字面理解,就不会是单一的功能,而是一个组合起来的功能集合。组件的重要特性就是:公用、通用、模块相对独立、功能相对完整、这个不光是在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);在控制台显示出来该实例都有哪些参数可以使用。
可以很清楚的看到,通过名字猜,应该也能猜测出来是第一个