【vue】component 初识组件

最新推荐文章于 2022-02-28 15:33:30 发布

Argent_

最新推荐文章于 2022-02-28 15:33:30 发布

阅读量148

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_35697034/article/details/99587821

版权

本文介绍了Vue中的组件基础知识，包括全局与局部注册组件、组件与指令的区别，以及组件props属性的设置，如如何定义属性并传递值，处理带有'-'的属性名，以及在构造器中向组件传值的方法。

摘要由CSDN通过智能技术生成

前言：component组件是Vue学习的重点中的重点。其实组件就是制作自定义的标签，这些标签在HTML中是没有的。
参考：http://jspang.com/posts/2017/02/24/vue2-2.html

一、component 初识组件

1、全局化注册组件

全局化就是在构造器的外部用Vue.component来注册。
我们在JavaScript里注册了一个组件，在HTML中调用了它。并且它可以放到多个构造器的作用域里面。

2、局部注册组件

局部注册组件和全局注册组件是相对应的，局部注册的组件只能在组件注册作用域里进行使用，其他作用域使用无效。
从代码中你可以看出局部注册其实是写在构造器里，值得注意的是，构造器里的components是加s的。

3、指令和组件的区别

组件注册的是一个标签，而指令注册的是已有标签里的一个属性。在实际开发中我们还是用组件比较多，指令用的比较少。因为指令看起来封装的没那么好，个人观点。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Vue.js实例</title>
    <script type="text/javascript" src="../../assets/js/vue.js">

最低0.47元/天解锁文章

Argent_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【vue】component 初识组件

前言：component组件是Vue学习的重点中的重点。其实组件就是制作自定义的标签，这些标签在HTML中是没有的。参考：http://jspang.com/posts/2017/02/24/vue2-2.html一、全局化注册组件全局化就是在构造器的外部用Vue.component来注册。我们在JavaScript里注册了一个组件，在HTML中调用了它。并且它可以放到多个构造器的作用...
复制链接

扫一扫

专栏目录