vue的基本概念

Posted 2021-02-20 ly1368489670

vue.js是什么:

　　渐进式javascript框架

什么是渐进式：

　　主张最少，自底向上逐渐增强

普通或者简单的页面（vue.js库）+页面多了，需要切换（vue.js库+路由）+项目越来越复杂是一个大型的电商项目（vue/cli脚手架继承了vue库和webpack等等内容）

不断繁荣的生态系统，可以在一个库和一套完整的框架直接自如伸缩

官方解释什么是Vue.js

 　　Vue是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是，Vue被设计可以自底向上逐层应用。Vue的核心库只关注图层，不仅易于上手，还便于与第三方或既有项目整合。另一方面，当与现代化

的工具链以及各种支持类库结合使用时，Vue也完成能够为复杂的单页应用提供驱动

　　vue很少去操作dom结构，也有需要操作dom的时候，这个时候可以引起jq，例如，音乐歌词播放

　　jq会疯狂操作dom结构

官网地址：

　　https://cn.vuejs.org/

教程地址：

　　https://cn.vuejs.org/v2/guide/index.html

兼容性

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

只兼容IE9及其以上

下载方式：

　　1.cdn链接 ：

　　　　开发环境：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

　　　　生产环境：

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

　　2通过npm管理包去下载
　　　　首先在目录结构下面创建一个package.json文件，可以自动初始化，

命令是 npm    init   -y    ，也可以自定义配置，命令是npm    init    下一步下一步去操作

然后创建成功之后，下载你需要的依赖

　　　　命令npm install（i）   vue 

　　要求：目录结构名称不能是特殊的名字，比如node，vue，react等等

　　不能用中文当文件夹的名字，拼音也不行（个人不建议）

　　3 把vue.js核心库代码另存为本地

　　　　打开网址，把文件另存为到本地，应用的过程中，直接引入即可