官网

  1. 英文官网
  2. 中文官网

什么是库？什么是框架?

  1. 库是将代码集合成一个产品，调用库中的方法实现自己的功能；
  2. 框架则是为解决一类问题而开发的产品，框架是在指定的位置编写好代码，框架会自动调用；

介绍描述

  1. 渐进式 JavaScript 框架；
  2. 作者: 尤雨溪 (一位华裔前 Google 工程师)；
  3. 作用: 动态构建用户界面；

Vue 的特点

  1. 遵循 MVVM 模式；
  2. 编码简洁, 体积小, 运行效率高, 适合 移动 / PC 端开发；
  3. 它本身只关注 UI, 可以轻松引入 vue 插件或其它第三库开发项目；

与其它前端 JS 框架的关联

  1. 借鉴 angular 的模板和数据绑定技术；
  2. 借鉴 react 的组件化和虚拟 DOM 技术；

Vue 扩展插件

  1. vue-cli: vue 脚手架；
  2. vue-resource(axios): ajax 请求；
  3. vue-router: 路由；
  4. vuex: 状态管理；
  5. vue-lazyload: 图片懒加载；
  6. vue-scroller: 页面滑动相关；
  7. mint-ui: 基于 vue 的 UI 组件库（移动端）；
  8. element-ui: 基于 vue 的 UI 组件库（PC 端）；

搭建工程相关

vue-cli

  1. vue-cli 是一个脚手架工具，用于搭建 vue 工程，它内部使用了 webpack，并预置了诸多插件 （plugin） 和加载器 （loader），以达到开箱即用的效果；
  2. 除了基本的插件和加载器外，vue-cli 还预置了：
    1. babel
    2. webpack-dev-server
    3. eslint
    4. postcss
    5. less-loader

SFC

单文件组件，Single File Component，即一个文件就包含了一个组件所需的全部代码；

<template>
	<!-- 组件模板代码 -->
</template>

<script>
export default {
  // 组件配置
}
</script>

<style>
	/* 组件样式 */
</style>

预编译

  1. 当 vue-cli 进行 打包 时，会直接把组件中的模板转换为 render 函数，这叫做模板预编译；
  2. 这样做的好处在于：
    1. 运行时就不再需要编译模板了，提高了运行效率；
    2. 打包结果中不再需要 vue 的编译代码，减少了打包体积；
打赏作者
您的打赏是我前进的动力
微信
支付宝
评论

你好👏🏻，我是 ✍🏻   疯狂 codding 中...

粽子

这有关于前端开发的技术文档和你分享。

相信你可以在这里找到对你有用的知识和教程。

了解更多

目录

  1. 1. 官网
  2. 2. 什么是库？什么是框架?
  3. 3. 介绍描述
  4. 4. Vue 的特点
  5. 5. 与其它前端 JS 框架的关联
  6. 6. Vue 扩展插件
  7. 7. 搭建工程相关
    1. 7.1. vue-cli
    2. 7.2. SFC
    3. 7.3. 预编译