Write about your first experience at Vue

Write about your first experience at Vue

I pure front-end small white, many years ago in the school to learn a little HTML, basic forget

From Monday, when I installed the Vue environment, to today, I feel at a loss to start looking at the grammar and company projects. Until today, I found a small demo on the Internet to modify it and add some functions. I asked the big guy where I didn’t know. I met some grammar concepts, and then I felt the feeling of getting started. Record the moment! Happy ~

We set sail from here

-kai

<template> <div> <h1 v-html="title"></h1> <input type="text" v-model="itemNew" v-on:keyup.enter="addNew"/> <ul> <li v-for="(item,xkindex) in items" :key="xkindex"> <p>{{item.name}}</p> <button @click="deteleIndex(xkindex)" </button> </li> </ul> </div> </template> <script> export default {name:'app', class=" BTNN "> delete </button> </li> </ul> </div> </template> <script> export default {name:'app', data(){ return{ title:'nba player inout tabless', items: [], itemNew:'', } }, methods:{ addNew:function(){ this.items.push({ name: this.itemNew, student: false }); this.itemNew = null; }, deteleIndex:function(xkindex){ this.items.splice(xkindex,1) } }, } </script> <style scoped lang="less"> .btnn{background: red; } </style>Copy the code