vue.js依赖安装和引入

时间:2023-03-09 20:06:05
vue.js依赖安装和引入

在项目开发过程中我们要安需安装依赖,安装方法

1、可以在项目的package.json文件中的dependencies写入依赖名称和依赖版本,然后打开命令行工具进入项目运行vue install安装

vue.js依赖安装和引入

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