Vue's animated transition doesn't work.

< script src= ".. / vue.js" > < / script >

<title>Document</title>
<style>
    .fade-enter{
        opacity: 1;
    }
    .fade-enter-active{
        transition: opacity 3s;
    }
</style>

< / head >
< body >

<div id="app">
    <transition name="fade">
        <div v-show="show">hello world</div>
    </transition>
    
    <button @click="handclick">change</button>
</div>
transition

there won't be any animation if the opacity is 1, and the click event controls the changes in show. Have you written

?
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b38801-2c110.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b38801-2c110.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?