vue组件

在vue中通过切换不同的组件来达到页面的切换

在组件分为三个部分

第一个部分：

<template></template>

这一部分是用来写关于HTML的代码的，而且只能有一个根元素

错误的写法：

<template>
　　<div></div>
　　<div></div>
</template>

这里就有两个跟元素div，是错误的写法。

正确的写法：

<template>

　　<div class="father">

　　　　<div class="son"></div>

　　　　<div class="son"></div>

　　</div>

</template>

 

第二部分：

<script></script>

结构为：

<script>
    export default {
        name:'Login',
        data(){
            return{
                //可以在此处定义初始化变量
            }
        },
        mounted(){
            //执行函数方法等
        },
        methods:{
            //此处写各种函数方法
        }
    }    
</script>

 

第三部分：

<style></style>

毫无疑问这部分就是写style样式了

 

以上的代码只是简单的介绍