Vue学习(三)

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <script src="../static/js/vue.js"></script>
</head>

<body>
    <div id="app">

        {{ a }} {{ b }}
    </div>
    <script type="text/javascript" >
        var data = {a : 'a',b: 'b'}
        var vm = new Vue({
            el: '#app',
            data: data,
            updated: function () {
                console.log("updated")
            }
        });
        vm.a = "new data vue"
        vm.a == data.a
        vm.$watch('a',function (newVal,oldVal) {
            console.log(newVal,oldVal);
        });
        setTimeout(function () {
            vm.$data.b = "new data vue b"
        },3000);
        vm.$data.a = "new data vue $"
        console.log(vm.$el == document.getElementById('app'))

    </script>

</body>
</html>

__EOF__

本文作者彬在俊
本文链接https://www.cnblogs.com/erlou96/p/16878517.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   彬在俊  阅读(18)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示