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>