前端框架 vue（1） 插值表达式+mvc+mvvm

兼容性：

              vue不支持IE8及以下版本，因为vue使用了IE8无法模拟的es5特性，但它支持所有兼容es5的浏览器。 

---

插值表达式：

               （1） 对象（不要连续的3个{{{}}}） 可以{{  { name:'jack'}  }}

                （2）字符串{{‘xxx’}}

                （3）判断后的布尔值{{ true }}

                （4）三元表达式{{true?'是正确的'：‘错误的’}}

注意：必须在data这个函数中返回的对象中声明

---

<div  id="app">

        <!--  vue的模板语法 {{}} 双大括号插值      -->

         <h2>{{msg}}</h2>

         <h3>{{1+1}}</h3>

         <h4>{{isTrue}}</h4>

         <h1>{{str.split('').reverse().join('')}}</h1>

          <h2>{{1>2?‘真的’：‘假的’}}</h2>

</div>

---

<script   type="text/javascript">

       //如果template中定义了内容，那么优先加载template，如果没有定义内容，那么加载的是#app的模板

         new    Vue({

                     el:'#app',   //目的地

              // 数据发生改变时，视图发生改变，简言之，数据驱动视图

                     data:{

                           //数据属性

                           //既可以是一个对象    也可以是一个函数

                              msg:'黄瓜'，

                              isTrue:1==1,

                              str:'hello  Vue'

                     },

                     template:''

        })

// 除了数据属性    vue实例还暴露了一些有用的实例属性和方法，他们都有前缀$

</script>

mvc和mvvm