什么是vue？为什么使用vue？vue的下载及引入

什么是vue

1.渐进式javascript框架

2.可以自底向上逐层应用

3.Vue 的核心库只关注视图层

为什么使用vue

一个完整的页面:HTML(基本视图)+CSS(样式)+js(交互).通常情况下对于HTML我们又称之为视图结构
视图结构组成: 内容(标签)和数据(文本内容和属性值)
而刚好vue只关注视图层.将数据和内容进行拆分
内容交给HTML进行处理,数据交给后端进行处理.

优势: 1.适用于前后端分离
          2.用户体验更优

优点

• 轻量级框架       大小33.46KB min+gzip

• 双向数据绑定      模型层数据的改变会更新到视图层,视图层数据的更新会同步到模型层

• 提供了基本的指令     使用指令可以解决有些特殊的复杂的逻辑

• 客户端路由      可以做到页面和地址实现一一对应的关系

• 数据驱动        数据驱动一般需要结合服务端来实现

• vue的两个核心:组件化应用和数据驱动

缺点

• 不支持 IE8及以下浏览器

• 首屏加载速度慢  在首次加载项目时,会将所有的静态资源全部加载过来,eg:CSS js img font

• 不利于SEO优化    因为在百度搜索引擎中检索不到js

vue的下载及引入

cdn

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

直接通过script引入

<script src="vue.js"></script>

npm 

1.npm init   #初始化package.json
2.npm i vue -S  或者 npm i vue --save   #下载vue模块,并且保存到package.json文件