vue框架学习

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>Document</title>
 5     <!-- 1.导入Vue 包 -->
 6     <script type="text/javascript" src="./static/vue.js"></script>
 7 </head>
 8 <body>
 9 
10 <div id="app">
11     <p>{{ msg }}</p>
12 </div>
13 
14 
15 <script type="text/javascript">
16 
17 
18 
19 //2.穿件一个vue的实例
20     var vm=new Vue({
21         el:'#app' , //选择器,选择要控制的区域
22         data:{
23             //data 属性中,存放的是el 中要用到的数据
24             msg:'wellcom shuishan!!'
25         }
26     })
27 </script>
28 </body>
29 </html>

猜你喜欢

转载自www.cnblogs.com/Mengchangxin/p/10126102.html