VueStudy/4.html at master · EdwardSYT/VueStudy · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Edward-vue-4</title>
    <link rel="icon" href="logo.jpg" type="image/x-icon">
    <script src="lib/jquery-1.11.3.min.js"></script>
    <script src="lib/Vue_v2.2.4.js"></script>
    <style type="text/css">
        body {
          /*background:url(http://cn.vuejs.org/images/logo.png) no-repeat;*/
        }
    </style>
</head>
<body>

    <div id="example">
      <my-component></my-component>
    </div>

    <script type="text/javascript">
        Vue.component('my-component', {
          template:'<div>爱德华</div>'
        })

        new Vue({
          el:'#example'
        })
    </script>
</body>