text VuePressコンポーネントテンプレ

Posted 2021-05-02

<script>
import axios from 'axios'
export default {
  name: 'ChatList',
  filters: {
    trimChar: function(str) {
      return str.slice(0,20) + '...'
    }
  },
  created() {
    // インスタンスが作成された後に同期的に呼ばれる
    // データの監視とイベントの初期セットアップが完了した状態
  },
  mounted() {
    // インスタンスがマウントされた後に呼ばれる
    // DOM要素にアクセスできるようになる（this.$el）
  },
  data() {
    return {
      word: "",
      items: [
        {
          id: 1,
          date: '2018-06-26T15:49:37+09:00',
        },
        {
          id: 2,
          date: '2018-06-25T22:09:43+09:00',
        },
      ],
    }
  },
  computed: {
    matched: function() {
      return this.items.filter((el)=>{
        return el.content.indexOf(this.word) != -1
      }, this)
    }
  },
  methods: {
    focusOut: function(event) {
      this.word = ""
    }
  }
}
</script>

<style lang="stylus">
</style>