1.全局变量
在项目中添加第三方库的最简单方式是讲其作为一个全局变量, 挂载到 window 对象上:
entry.js
window._ = require('lodash')
MyComponent.vue
export default {
created() {
console.log(_.isEmpty() ? 'Lodash everywhere!' : 'Uh oh..')
}
}
这种方式不适合于服务端渲染, 因为服务端没有 window 对象, 是 undefined, 当试图去访问属性时会报错.
2.在每个文件中引入
另一个简单的方式是在每一个需要该库的文件中导入:
MyComponent.vue
import _ from 'lodash'
export default {
created() {
console.log(_.isEmpty() ? 'Lodash is available here!' : 'Uh oh..')
}
}
Vue.js：（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。ue.js 是一个用于创建 web 交互界面的。其特点是
1.简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。
2.数据驱动 自动追踪依赖的模板表达式和计算属性。
3.组件化 用解耦、可复用的组件来构造界面。
4.轻量 ~24kb min+gzip，无依赖。
5.快速 精确有效的异步批量 DOM 更新。
6.模块友好 通过 NPM 或 Bower 安装，无缝融入你的工作流。
