vue.js依赖安装和引入
在项目开发过程中我们要安需安装依赖,安装方法
1、可以在项目的package.json文件中的dependencies写入依赖名称和依赖版本,然后打开命令行工具进入项目运行vue install安装
2、打开命令行工具进入项目,运行依赖命令(可以网上搜索)即可安装
//使用淘宝镜像cnpm install axios
依赖安装之后怎么用?
在main.js中引入,在main.js中引入的依赖在整个项目中都可以使用,当然依赖的配置也是在这个文件配置,如:
引入:import fastclick form 'fastclick';//解决三百毫秒延迟
import VueLazyLoad form ‘vue-lazyload’;//懒加载
配置:fastclick.attach(document.body);
Vue.use(VueLazyLoad,{
loading:require('common/images/default.png')
})
一些依赖可能只在组件中使用那么久在组件的script标签中引入
<script type="text/ecmascript-6">
import animations form 'create-keyframe-animation';
<script>
引入vue-router
在src下的router文件夹下的index.js中引入:
import Vue form 'vue';
import Router from ‘vue-router’;
Vue.use(Router);//注册Router