vue单文件模板

gunsmoke

于 2020-05-20 09:14:53 发布

阅读量271

点赞数

分类专栏： vue学习

本文链接：https://blog.youkuaiyun.com/gunsmoke/article/details/106228221

版权

vue学习专栏收录该内容

29 篇文章

订阅专栏

<template>
    <div>
        <input type="text" v-model="text">
        <button @click="addList()">add</button>
        <ul>
            <li v-for="data in dataList">{{data}}</li>
        </ul>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                text: '',
                dataList: []
            }
        },
        methods: {
            addList() {
                if(this.text)
                {
                    this.dataList.push(this.text)
                }
            }
        }
    }
</script>