脚本宝典收集整理的这篇文章主要介绍了Vue学习第三天,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
引入对象
import VueRouter from 'vue-router';
安装插件
Vue.use(VueRouter); 挂载属性的行为
创建路由对象
let router = new VueRouter({
routes:[
{ name:'xxx',path:'/xxx',组件 }
]
});
将路由对象放入到options中new Vue()
new Vue({
router
})
套路
{name:'bj',path:'/beijing',组件A}
3: 去了干嘛(在组件A内干什么)
参数
查询字符串(#/beijing?id=1&age=2)
{name:'bj',path:'/beijing',组件A}
3: 去了干嘛(在组件A内干什么)
this.$route.query.id||age
path(#/beijing/1/2)
{name:'bj',path:'/beijing/:id/:age',组件A}
3: 去了干嘛(在组件A内干什么)
this.$route.params.id||age
编程导航
this.$router.go(1|-1);
this.$router.push({ name:'bj' });
嵌套路由
多视图
axios:
开始:
最终:
axios属性关系
options: headers、baseURL、params
例如:
axios.defaults.baseURL='http://www.baidu.com/'
默认全局设置(大家都是这么用)
应用场景:
都是options中的根属性
npm i mint-ui vue-preview axios vue-router monent vue - S;
npm i webpack html - webpack - plugin css - loader style - loader less less - loader autoprefixer - loader babel - loader babel - core babel - preset - es2015 babel - plugin - transform - runtime url - loader file - loader vue - loader vue - template - compiler webpack-dev-server - D
以上是脚本宝典为你收集整理的Vue学习第三天全部内容,希望文章能够帮你解决Vue学习第三天所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。