Vue-基础

Posted 2020-12-17 miao91

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

特点：

• 易用：熟悉html、CSS、javascript后可以快速上手
• 灵活：在一个库和一套完整框架之间伸缩自如
• 高效：20kb运行大小，超快虚拟DOM

官网：https://cn.vuejs.org/

API文档：https://cn.vuejs.org/v2/api/

兼容性：Vue不支持IE8及一下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性，但它支持所有兼容ECMAScript5的浏览器

 安装：

• 直接用<script>引用

分为开发版本和生产版本，其中生产版本删除了警告，33.3KB min+gzip，能获得比开发环境下更快的速度体验：

<!--对于制作原型或学习，可使用开发版本-->
<script src="https://cn.vuejs.org/js/vue.js"></script>

<!--对于生产环境，可使用生产版本，但伪类避免新版本造成的不可预期的破坏，推荐使用一个明确的版本号和构建文件-->
<script src="https://cn.vuejs.org/js/vue.min.js"></scirpt>

<!--如果使用原生ES Modules，可使用一下构建文件-->
<script type="module">
    import Vue from ‘https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.esm.browser.js‘
</script>

获取源代码方式：

1.在 cdn.jsdelivr.net/npm/vue 中浏览NPM包的源代码
2.可以在unpkg和cdnjs上获取
    unpkg：https://unpkg.com/vue@2.6.11/dist/vue.js
    cdnjs：https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js

• NPM
• 命令行工具(CLI)