1、怎么定义vue-router的动态路由以及如何获取传递过来的参数:
在router文件下的index.js,在path属性中添加/:id。
使用router对象的params.id来获取参数
2、vue-router有哪几种钩子函数?
三种:
全局钩子函数:router.beforeEach(to,from,next),用于页面跳转前判断拦截。
组件内的钩子:beforeRouteEnter 、beforeRouteUpdate (2.2 新增) 、beforeRouteLeave
单独路由独享组件:可以在路由配置上直接定义 beforeEnter 钩子。
3、scss是什么?在vue.cli中的安装使用步骤是?有哪几大特性?
scss预编译。
使用:
第一步:先装css-loader、node-loader、sass-loader等加载器模块
第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss
第三步:在同一个文件,配置一个module属性
第四步:然后在组件的style标签加上lang属性 ,例如:lang=”scss”
特性:
可以使用变量。
可以使用混合器。
可以嵌套
4、vuex是什么?怎么使用?哪种功能场景使用它。
vue状态管理。
在main.js中引入store,新建一个store.js,文件中export向外输出内容。
场景使用:
单页应用中,组件组件之前的状态。音乐播放器,加入购物车,登录状态。