Vue简介

Vue介绍

什么是Vue?

一套用于构建用户界面的渐进式javascript框架

渐进式：自底向上增量开发的设计

vue特点：

1. 采用组件化模式，提高代码复用率，且让代码更好的维护
2. 声明式编码，让编码人员无需直接操作DOM，提高开发效率
3. 使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点

MVVM模型

vue 是 MVVM 模式的框架

Vue实例

想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象

<div id="root"></div>
 <script>
//创建vue实例
    new Vue({
        el: '#root', //el用于指定当前vue为哪个容器服务，值通常为css选择器字符串
        data: { //data用于存储数据，数据供el所指定的容器使用,值暂时先写成一个对象
        },
    });
</script>

备注：
1.root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法;
2.root容器里的代码被称为【Vue模板】;
3.Vue实例和容器是一一对应的;
4.真实开发中只有一个Vue实例,并且会配合着组件一起使用;