1.概念初步理解
类似vue-router,vue-x,vue-resource都是以插件的形式引入到项目里面
我们可以在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的学习笔记 ,大家一起进步吧!
类似vue-router,vue-x,vue-resource都是以插件的形式引入到项目里面
插件可以理解为功能丰富的组件,它有一套完整的系统,独立于vue而存在,用于扩展vue的功能
2.插件的安装过程:
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的学习笔记 ,大家一起进步吧!