필터적용관련 질문입니다.

몇번이고 확인해 보았는데 필터 적용이 안되는 이유를 발견하지 못해서 글 작성합니다.

현재상황: 필터를 적용한게 발행전까지 적용이 잘 됩니다. 그리고 발행했을 때 step 0에서 사진이 필터 적용이 안되고 기본으로 뜹니다.

app.vue 부분 어느 부분이 잘 못되었는지 확인한번 부탁드립니다.

<template>
<div>
<div class="header">
<ul class="header-button-left">
<li>Cancel</li>
</ul>
<ul class="header-button-right">
<li v-if="step == 1" @click="step++">Next</li>
<li v-if="step == 2" @click="publish">발행</li>
</ul>
  <img src="./assets/logo.png">
</div>

<Container @write="작성한글 = $event" :이미지="이미지" :step="step" :게시물="게시물" />
 
 
<button @click="more">더보기</button>

<div class="footer">
<ul class="footer-button-plus">
<input @change="upload" type="file" id="file" class="inputfile" />
<label for="file" class="input-plus">+</label>
</ul>
</div>

</div>
</template>

<script>
import Container from './components/Container.vue';
import postdata from './assets/postdata';
import axios from 'axios';

export default {
name: "App",
data(){
return {
step : 0,
게시물 : postdata,
더보기 : 0,
이미지 : '',
작성한글: '',
선택한필터 : ''
}
},
mounted(){
this.emitter.on('박스클릭함', (a)=>{
this.선택한필터 = a
})
},
components: {
Container,
},
methods: {
publish(){
var 내게시물 = {
name: "Kim Hyun",
userImage: "https://placeimg.com/100/100/arch",
postImage: this.이미지,
likes: 36,
date: "May 15",
liked: false,
content: this.작성한글,
filter: this.선택한필터
};
this.게시물.unshift(내게시물);
this.step = 0;
},
more(){
axios.get('https://codingapple1.github.io/vue/more${this.더보기}.json')
.then( 결과 => {
console.log(결과.data);
this.게시물.push(결과.data);
this.더보기++;
})
},
upload(e){
let 파일 = e.target.files;
console.log(파일[0]);
let url = URL.createObjectURL(파일[0]);
console.log(url);
this.이미지 = url
this.step++;
}
},
};