vue功能接口之插件

1.概念初步理解
类似vue-router,vue-x,vue-resource都是以插件的形式引入到项目里面

插件可以理解为功能丰富的组件,它有一套完整的系统,独立于vue而存在,用于扩展vue的功能

2.插件的安装过程:

 我们可以在package.json文件中查询到项目中有哪些依赖
vue-router:前端路由的功能,后续的博客中将会详细讲到它的使用
vue-resource:用于发起http请求
假如项目中本来米有安装这些以来那么如何安装呢?
a、进入终端:进入项目,例如:cd D:/vue/my-first-vue-project
npm install vue-router  --save
注:--save将下载的依赖保存到项目package.json中,假如别人来下载我们的项目时 ,也可以自动安装这个依赖
假如没有save的话别人安装的时候是没有更新的,不能正常运行
安装完成之后,会在package.json的"dependencies"中添加一行“vue-router:XXX 版本”
b、下载完成,引用它
  由于这个vue-router在单页面应用里都要使用到,所以他应该是一个全局引用
我们在main.js中使用import VueRouter from ‘Vue-router’进行引用
等同于 var vueRouter = require('vue=router');
c、引入还不够,注册它
  Vue.use(VueRouter),这样才可以在根组件中生效
3.插件的使用方式
a、在要使用的组件中先实例化这个插件,
如: let router = new VueRouter()
    new router({
     router,
     el:"#app",
     render:function(h){
       return h(App)
     },
     directives:{}
    })
同样的,Vue.use(VuewResource)插入到全局里
使用:this.$http.get('');
注:let是es6的语法,学习Vue需要先掌握es6的语法,后续我也会更新es6的学习笔记 ,大家一起进步吧!







  

猜你喜欢

转载自blog.csdn.net/milan_kunderla/article/details/79999429