专栏首页用户3288143的专栏Vue.js 快速上手精华梳理-实例

Vue.js 快速上手精华梳理-实例

Vue.js 快速上手精华梳理-实例

其实就是对象

生命周期

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 开发环境版本,包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<!--     app.message='hi bennyrhys' 可以到页面的console检验-->
    <div id="app">
        <div>{{a}}</div>
    </div>
    <script>
        var data = {a : 1, b : null}

        // 情况2:冻结data数据,导致后期更改无法影响视图【只读】
        // Object.freeze(data)

        var app = new Vue({
            el:'#app',
            data:data,
            // 生命周期方法-创建vue时 Vue1.x用created多,现在Mounted初始化数据用的多
            created() {
                console.log("create init")
            }
        })
        console.log(data.a == app.a) //true
        data.a = 99
        console.log(app.a) // 99
        app.a = 100
        console.log(data.a) //100 【双向绑定】

        // 情况1:后引入的属性【但是后来加进的数据不会影响视图的更新。可以先在外面初始化b:null】
        data.b = 18
        console.log(app.b)

        // 使用$获取
        console.log(app.$el == document.getElementById("app")) //true
        console.log(app.$data == data) //true
    </script>
</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Java数据结构-链表

    瑞新
  • python_求球体数据

    瑞新
  • 【Java架构】k8s简介

    平台实现异构 比如你用k8s要实现异构,其实只要通信协议能跨平台就0K了,因为平台带了服务发现,负载均衡,容错限流等等,不过平台也有局限性,就比如一个大型的遗...

    瑞新
  • Angular+servlet java实现前后端数据交互

          每学习一个新知识我都会想到的是用它来实现对数据的CRUD,Angularjs也不例外,而实现CRUD的前提就是前后端数据能够进行交互,下面我就展示一...

    cfs
  • 腾讯官方可编程机器人 (该怎么折腾呢)

    腾讯推出了内测的 webhook 机器人,这件事其实预见性就知道了,只是最近没想到出来了,钉钉和一些就支持 webhook 实现机器人,腾讯跟进可还行。

    乔千
  • 手把手教你用 Flask,Docker 和 Kubernetes 部署Python机器学习模型(附代码)

    将机器学习(ML)模型部署到生产环境中的一个常见模式是将这些模型作为 RESTful API 微服务公开,这些微服务从 Docker 容器中托管,例如使用 Sc...

    AI研习社
  • 这个策略可以大大提升企业的安全水平降低风险

    对于企业而言,核心是人才,企业的价值是人的价值集合,人在不断的做事产生价值,而过程中会面临或者引发很多安全风险,对于攻击者而言,人是最容易攻击的也是最脆弱的。

    信安之路
  • Flask框架(二)

    1.app.befor_request装饰过得函数在真正的响应函数之前执行,可以有多个,当有多个的时候,执行顺序是谁在前面谁先执行。

    GH
  • ES6新特性

    除此之外还有一个字符串模板,相当于加强版的字符串。用反引号``(之前我们字符串一直使用的是""),可以用来定义多行字符串,还可以在字符串中加入变量和表达式。

    乐心湖
  • 【手把手教你】搭建自己的量化分析数据库

    数据是金融量化分析的重要基础,包括股票历史交易数据、上市公司基本面数据、宏观和行业数据等。随着信息流量的日益膨胀,学会获取、查询和加工数据信息变得越来越重要。对...

    Python进阶者

扫码关注云+社区

领取腾讯云代金券