VUE组件详解
一.基础用法
注意:组件必须在vue实例中使用
以上这种写法在Vue2.x的文档中几乎已经看不到了,下面是创建组件语法糖:
主要是省去了调用Vue.extend()的步骤,而是可以直接使用一个对象来代替。
模板的分离写法:
- 将组件中的HTML分离出来写,然后挂载到对应的组件上,结构会变得非常清晰。
- Vue提供了两种方案来定义HTML模块内容:使用<script>标签和使用<template>标签
二.全局组件和局部组件
全局组件:
- 当我们通过调用Vue.component()注册组件时,组件的注册是全局的
- 这意味着该组件可以在任意Vue实例下使用
局部组件:
- 如果我们注册的组件是挂载在某个实例中, 那么就是一个局部组件
- 只能在当前注册的组件内部使用
三.父组件和子组件数据传递
未完
标签:Vue,传递数据,实例,注册,使用,组件,全局 来源: https://blog.csdn.net/ICanWin_lll/article/details/122584882
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。