Vue2——VUE简介、VUE开发环境的基本配置

_洋

已于 2024-02-06 11:45:02 修改

阅读量506

点赞数

分类专栏： vue2+vue3 文章标签： vue

于 2022-04-23 08:31:14 首次发布

本文链接：https://blog.csdn.net/mantou_riji/article/details/123905355

版权

50 篇文章 6 订阅

订阅专栏

VUE介绍

VUE是一套用于构建用户界面的渐进式JavaScript框架。
渐进式：
Vue可以自底向上逐层的应用
简单应用：只需一个轻量小巧的核心库
复杂应用：可以引入各式各样的Vue插件

采用组件化模式，提高代码的复用率、且让代码更好维护。
组件化：组件化是指一个.vue文件实现一个功能样式，当另一个文件想要使用该功能样式的时候，直接引用该.vue文件即可。
一个.vue文件包含实现该功能样式的.html、.css、.js文件。
声明式编码，让编码人员无需直接操作DOM，提高开发效率。
与声明式对应的是命令式。
eg：JS就是命令式的，得一步步的指引它去怎么做。

而VUE就是采用命令式编码，通过简单的指令就可以完成任务。
使用虚拟DOM+优秀的Diff 算法，尽量复用DOM节点。

JS直接将数据变成页面，所以对重复的数据也只能重复执行，浪费资源。
通过VUE可以进行新旧数据对比，只把不同的数据敢放进去即可。
在这里插入图片描述
虚拟DOM就是将数据渲染成能在页面显示的DOM代码
真实DOM就是真是生成的页面。

在这里插入图片描述

将刚才下载的js文件放进来，通过script引入。
引入Vue之后环境中就会有一个Vue的对象：
在这里插入图片描述

在这里插入图片描述

安装完成之后，再扩展工具就可以看到vue了。

可以把它固定在导航条中。

在这里插入图片描述
这是因为我们使用的是开发环境的vue文件，所以他提示我们在生产的时候进的进行切换，是个善意的提醒。

    <script>
        // 设置为 false 以阻止 vue 在启动时生成生产提示。
        Vue.config.productionTip = false;
    </script>

关注

专栏目录