• Vue.js学习笔记(二)


    Vue.js不支持IE8及以下的版本,因为vue使用了IE8无法模拟的ECMAScript5的特性,它支持所有兼容ECMAScript5的浏览器。

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 
     4 <head>
     5     <meta charset="UTF-8">
     6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     8     <title>Hello World</title>
     9     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    10 </head>
    11 
    12 <body>
    13     <div id="app">{{content}}</div>
    14     <script>
    15         //原生js实现hello world
    16         // var dom = document.getElementById("app");
    17         // dom.innerHTML = 'Hello World!';
    18         // setTimeout(function() {
    19         //     dom.innerHTML = 'bye world'
    20         // }, 2000);
    21 
    22         //vue实现hello world
    23         //使用vue之后不需要关注任何dom的操作,只需把精力集中到数据的管理之上,
    24         //数据放的是什么,页面展示的就是什么,数据改变了,页面就会跟着改变
    25         var app = new Vue({
    26             el: '#app', //限制了一个vue实例处理的DOM范围
    27             data: {
    28                 content: 'Hello World!' //data用于定义一些数据
    29             }
    30         });
    31         setTimeout(function() {
    32             app.$data.content = 'bye world'  //两秒之后content内容变成bye world
    33         }, 2000)
    34     </script>
    35 </body>
    36 
    37 </html>
    你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。
  • 相关阅读:
    等式
    Lemon 评测软件用法
    同花顺
    浅谈二分图的最大匹配和二分图的KM算法
    LCT总结
    5.30模拟赛
    树上斜率优化
    5.22 noip模拟赛
    KMP,HASH,Trie,AC自动机
    splay总结
  • 原文地址:https://www.cnblogs.com/knuzy/p/9256601.html
Copyright © 2020-2023  润新知