zoukankan      html  css  js  c++  java
  • vue

    1.cdn概念:cdn全称内容分发网络,也是加速服务之一.

    2.数据绑定:{{data}}

    3.el属性(挂载对象):el:标签任意(例如:#app,.app,app)

    4.data:{} => 小程序的data:存放数据.

    5.如果使用cdn,建议采用require.js,否则建议vue.js本地文件存放.

     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>Document</title>
     9     <!-- Step1.对于vue,可以用cdn -->
    10     <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
    11 </head>
    12 
    13 <body>
    14 
    15     <!-- Step2.绑定 -->
    16     <div id="app">
    17         <!--
    18             Vue的模板的绑定数据的方法,用两对花括号进行绑定Vue中的数据对象的属性,和小程序一样的步骤.
    19          -->
    20         {{message}}
    21     </div>
    22 
    23     <!--Step3:创建Vue的对象,并把数据绑定到上面创建好的div上去。-->
    24     <script type="text/javascript">
    25         var app = new Vue({ // 创建Vue对象,Vue的核心对象。
    26             el: '#app', // el属性:把当前Vue对象挂载到 div标签上,#app是id选择器
    27             data: {    // data: 是Vue对象中绑定的数据
    28                 message: 'hello World!' // message 自定义的数据信息,如小程序的data:{}
    29             }
    30         })
    31     </script>
    32 </body>
    33 
    34 </html>
  • 相关阅读:
    【[USACO08FEB]酒店Hotel】
    【[USACO15JAN]草鉴定Grass Cownoisseur】
    【[USACO09DEC]牛收费路径Cow Toll Paths】
    【[HAOI2009]逆序对数列】
    【Hankson 的趣味题】
    【开车旅行】
    【[ZJOI2006]物流运输】
    【[HNOI2005]狡猾的商人】
    【愤怒的小鸟】
    【[HNOI2015]菜肴制作】
  • 原文地址:https://www.cnblogs.com/cisum/p/9614534.html
Copyright © 2011-2022 走看看