1. 1.引入Vue
    2.   <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
    4.     <div id="app">
    5.         <input type="text" v-model="keyword">
    6.         <button @click="handleAdd">添加</button>
    7.         <h4>历史记录</h4>
    8.         <button v-for="item of historyWords.slice(0,4)">{{item}}</button>
    9.     </div>
    10.     <script>
    11.        new Vue({
    12.            el:"#app",
    13.            data(){
    14.                return{
    15.                    msg:"hello qor",
    16.                    keyword:"",
    17.                    /* historywords长度为8 */
    18.                    historyWords:["你的名字","王菲"]
    19.                }
    20.            },
    21.            methods:{
    22.                handleAdd(){
    23.                   {
    24.                        if(!this.historyWords.includes(this.keyword)){
    25.                         this.historyWords.unshift(this.keyword)
    26.                        }   
    27.                    }
    28.                }
    29.            }
    30.        })
    31.     </script>