初学Vue


前言

已经学会了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 已经被建立了关联,所有东西都是响应式的


版权声明:本文为m0_46356333原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。