SOURCE

new Vue({
    el: '#app',
    data: {
        text: '发哥好帅'
    }
})

<div id="app">
    <input type="text" v-model="text" class="input">
    <transition name="fade">
        <p :key="text" class="text">{{text}}</p>
    </transition>

    
</div>

.input {
    margin: 0 0 100px;
}

.text{
    margin-left: 100px;
    color:darkblue;
    font-size: 30px;
    letter-spacing: 10px;
}

.fade-enter-active {
  transition: all 1s;
}
.fade-enter{
  transform: scale(2);
    letter-spacing: -2em;
}