• Vue入门基础


    一、Vue

    1、Vue简介

    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

    2、Vue的特点

    (1)、组件化,保留了 react 框架的优点,实现了封装和重用,且组件间可以相互嵌套;

    (2)、轻量级,相对于其他框架,Vue学习成本低,简单易上手;

    (3)、虚拟 DOM,虚拟DOM 中存在 diff算法,是 cpu 密集型运算,占用内存较少,可以提高运行效率,并压缩运行时体积;

    (4)、Vue是一个MVVM框架,数据绑定。数据单项绑定(v-bind),单向指data中的值绑定到视图中,但视图中修改不会影响到data数据;双向绑定(v-model),数据发生变化会驱动视图的更新,视图的更新也会驱动数据的变化;

    (5)、单页面应用(SPA)。用户体验好,内容改变时不需要重新加载整个页面,不会进行多个 html 页面间的切换;服务器压力小等。

    3、Vue的使用

    (1)、传统方式:在html页面中导入vue库

    Vue2: