uni-app第一坑

原有的html结构

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="utf-8" />  
        <title></title>  
        <script type="text/javascript">  

        </script>  
        <style type="text/css">  

        </style>  
    </head>  
    <body>  

    </body>  
</html>

uni-app结构

<template>  
    <view>  
    注意必须有一个view，且只能有一个根view。所有内容写在这个view下面。  
    </view>  
</template>  

<script>  
    export default {  

    }  
</script>  

<style>  

</style>

没认真看，template 里面view 必须在下面写view

错误写法----这个下面是错误的写法:

<template>  
    <view>  
    注意必须有一个view，且只能有一个根view。所有内容写在这个view下面。  
    </view>  
     <view>  
    注意必须有一个view，且只能有一个根view。所有内容写在这个view下面2。  
    </view>  
</template>  

<script>  
    export default {  

    }  
</script>  

<style>  

</style>

正确的写法下面：

<template>  
    <view>  

    <view>  
    注意必须有一个view，且只能有一个根view。所有内容写在这个view下面。 
   </view> 

    <view>  
    注意必须有一个view，且只能有一个根view。所有内容写在这个view下面2。  
    </view>

    </view>    
</template>  

<script>  
    export default {  

    }  
</script>  

<style>  

</style>
posted @ 2020-06-23 19:24  技术小怪  阅读(193)  评论(0)    收藏  举报