vue-基本介绍

learning › vue

VUE：渐进式JavaScript框架

渐进式理解：包含两个部分：

  • 核心库：基本，比较小
  • 插件：需要特定的功能就下载插件

作用：动态构建用户界面，将后台的数据在前端显示出来

特点：

  • 体积小，效率高，适合移动/pc端开发
  • 自身关注UI，不过可以下载vue插件和第三方库

vue常用插件：

  • vue-cli：用来下载vue插件
  • axios(xvue-resource现在不常用了)：ajax请求
  • vue-route：路由
  • vuex：状态管理
  • vue-lazyload：图片加载
  • vue-scroller：页面滑动
  • mint-ui：基于vue的ui组件库（移动端）
  • element-ui：基于vue的ui组件库（PC端）

vue.js安装：

  1. 直接下载vue.js文件 并用<script> 标签引入，Vue 会被注册为一个全局变量。

  2. 使用命令行工具，vue-cli来自动下载项目需要的所有插件

  3. 还可以不下载vue.js文件，直接通过代码来引用

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

vue.js的引用

  1. 将vue.js复制到项目文件夹下，通过html文件来应用vue.js
1
<script src="vue.js" charset="utf-8"></script>
  1. 同样是复制到项目文件夹下，不过是通过vue文件来引用