vue组件化

1、组件基础
vue组件化_第1张图片
组件是可以复用的vue实例,带有一个名字,我们可以在一个通过new vue创建的vue根实例中把这个组件作为自定义元素来使用。
组件化的作用是把应用程序中一些比较独立的功能模块或者单元把他抽取出来,把它封装成组件。像工程零件,搭积木的积木。能在开发后续程序的过程中维护、复用得到进一步的提升。
2.组件注册、使用及数据传递
vue.component(name,options)可用于注册组件。


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车title>
    <script src="vue.js">script>
    <style>
        .active{
      
            background-color: #ddd;
        }
    style>
head>
<body>
    
    
    
    
    
<h2 :title="title"> { { title }} h2> <p>{ {course}}p>

vue组件化_第2张图片

你可能感兴趣的:(vue组件化)