初学Vue

目录

前言

一、Vue是什么？

二、使用步骤

1.引入Vue

2.创建应用程序容器

总结

---

---

前言

已经学会了HTML、CSS、JavaScript就可以学习Vue了，Vue是一个不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩

一、Vue是什么？

Vue是渐进式的JavaScript框架，与其他大型框架不同的是Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图蹭，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代的工具链以及各种支持类库结合使用，Vue也完全能给为复杂的蛋液应用提供驱动

二、使用步骤

1.引入Vue

 引入核心脚本（可以引入在线脚本也可以直接将在线脚本现在到本地引入）

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
    <script src="../vue@2.6.14.js"></script>
这两种方法都可以将vue引入

2.创建应用程序容器

<div id="app"></div>

3.创建Vue实例

<script>
    // 2.创建应用程序 (创建vue实例)
    var app =new Vue({
        // 关联上面创建的容器
        el:'#app'

    })
</script>

---

总结

我们已经成功创建了第一个 Vue 应用！看起来这跟渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的。