第一个Vus.js

 1 DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>第一个Vue.jstitle>
 6   
 7   <script src="https://unpkg.com/vue">script>
 8 head>
 9 <body>
10 
11   <div id="vue-app">
12     <h1>{{ name }}h1>
13     <p><h1>{{ greet("花花世界") }}h1>p>
14     <h1><a v-bind:href="urla">ViewModel    DOM Listeners    Data Bindingsa>h1>
15     <p><input type="text" v-bind:value="name"/>p>
16     <p v-html="websiteTag">p>
17     <a href="https://unpkg.com/vue">aaa>
18   div>
19 
20   <script>
21 
22     new Vue({
23       el:"#vue-app",
24       data:{
25         name:"米开朗琪罗",    
26         age:1800,
27         urla:"http://www.baidu.com",
28         websiteTag:"百度",
29       },
30       methods:{
31         greet:function(time){
32           return "Good"+time+";"+this.name+",age:"+this.age;
33         }
34       }
35     });
36 
37   script>
38 
39 
40 

42 body>
43 html>

 

转载于:https://www.cnblogs.com/sunduge/p/7902884.html

你可能感兴趣的:(第一个Vus.js)