一,安装,引入

https://cn.vuejs.org/v2/guide/installation.html    可以参考官网给出的几种方式

二,介绍

前端三大框架:

　　vue : 尤雨溪,渐进式的JavaScript框架

　　react : Facebook公司，里面的高阶函数非常多，对初学者不用好

　　angular : 谷歌公司，目前更新到6.0，学习angular得需要玩一下typescript

 

三,vue实例化对象

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 <div id="app">
 9     <h2>{{ msg }}</h2>
10     <h2>{{ 'hahaha' }}</h2>
11     <h2>{{ 1+1 }}</h2>
12     <h2>{{ {'name':'alex'} }}</h2>
13     <h2>{{ person.name }}</h2>
14     <h2>{{ 1>2? '真的':'假的' }}</h2>
15     <p>{{ msg2.split('').reverse().join('') }}</p>
16     <div>{{ text }}</div>
17 </div>
18 
19 <script src="../vue.js"></script>
20 <script>
21     new Vue({
22         el:'#app',  //绑定
23         data:{
24             msg:'西瓜',
25             person:{
26                 name:'liang'
27             },
28             msg2:'hello Vue',
29             text:'<h2>yuan</h2>'
30         }
31     });
32 </script>
33 </body>
34 </html>

结果: