首页 > 其他 > 详细

vue组件

时间:2020-06-22 18:12:50      阅读:44      评论:0      收藏:0      [点我收藏+]

在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样式了

 

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

vue组件

原文:https://www.cnblogs.com/limerence-cy/p/13177214.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!