vue给未计划的属性添加数据

是小张呀丶

于 2021-11-25 10:37:58 发布

阅读量89

点赞数

文章标签： vue.js

原文链接：https://www.kancloud.cn/cyyspring/vuejs/1475779

版权

<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>

    </style>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.11/dist/vue.js"></script>
</head>

<body>
    <div id="app">
        <p @click='onChange'>1{{msg.title}}</p>
    </div>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                msg: {},

            },
            methods: {
                // onChange() {
                //     Vue.set(this.msg, 'title', '我不在计划内但我也能使用')
                // },
                // onChange() {

                //     this.msg = {
                //         'title': '我简单粗暴把你这个msg这个计划对象直接换了'
                //     }
                // },
                // onChange() {
                //     this.msg = Object.assign({}, {
                //         title: '我用Object自带的方法也可以'
                //     })
                // },


            },
        })
    </script>
</body>

</html>