前言: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">