vue基本知识

vue概念：

渐进式的javacript框架        自底向上，逐渐增强

特点：

易用、 灵活、 高效

数据驱动视图， 也叫响应式的数据变化，视图自动跟着改变

缺点：

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

vue基本指令分类

v-html    解析html文档

v-text    解析文本

v-if(v-else)和v-show

v-bind： 动态绑定 可以简写成 ：

v-on: 事件绑定 可以简写成 @

v-for ：循环遍历

v-model ：双向数据绑定

MVVM设计模式

    这个模式，清晰的做到了，前端端分离。view 视图指的就是用户看到的界面就是视图。model 模型（原本指的是后端逻辑），在前端看来它指的就是API接口（指的就是发起请求调用的接 口）viewModel视图模型，它作为视图和模型之前的桥梁所存在。它可以发起请求同时可以得到响应

    M --- model 模型

    V --- view 视图

    VM --- viewModel 视图模型

步骤

引入核心库 建议引入开发环境

创建一个容器      指定id，  在这个容器中可以调用vue的所有语法

逻辑交互

script src="./node_modules/vue/dist/vue.js">

   

       

{{msg}}

   

   

el 挂载点 不能挂载到 html 和 body 上， class是实现语法渲染的，不建议，建议id，每个实例都是 唯一的

data  数据属性,    所有要渲染的变量全部定义到这个对象上

{{}}  插值表达式， 不能写复杂语句，可以使用三目运算，可以字符串拼接

在vue中疯狂刷新出现闪动（{{}}），如何解决？？？

  一、用v-text ,因为它不用{{}}渲染，所以根本不会出现，但是太麻烦了，每个都要用才有用。这个方式不推荐！！！！

  二、v-cloak 全局结局闪动问题的指令

[v-cloak]{

  display:none;

}

对于Vue是一套渐进式框架的理解

渐进式代表的含义是：主张最少。Vue可能有些方面是不如React，不如Angular，但它是渐进的，没有强主张，你可以在原有大系统的上面，把一两个组件改用它实现，当jQuery用；也可以整个用它全家桶开发，当Angular用；还可以用它的视图，搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用MVVM和设计模式的那套理念，也可以函数式，都可以，它只是个轻量视图而已，只做了自己该做的事，没有做不该做的事，仅此而已。