06-vue中的组件

组件

组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。

组件可以分为全局组件局部组件
一、定义一个全局组件


    

二、定义一个局部组件


    

三、全局组件中的数据


    

全局组件中也是可以存放数据的,但是要注意的是组建中的数据必须是一个函数,而且必须要有一个返回值

四、局部组件中的数据


    

五、引用模板
如果组件模板中的内容太多,我们就可以把组件中的内容放到template模板中,在组件中引用模板的id即可


    

你可能感兴趣的:(06-vue中的组件)