ES6中语法使用总结
1.使用export default 和export导出模块中的成员
2.使用 import ** from ** 和 import ‘路径’ 还有import {a,b} from ‘模块标识’ 导入其他模块
3.箭头函数:(a,b) => {return a-b;}a-b;
ES6中向外暴露成员:export default 和export
然后用import 去导入接受这个文件暴露的成员,就可以使用
里面暴露的成员的属性方法了
2019-9-29 结合webpack使用Vue-router
vue-router 的使用
怎么说呢!vue操作的区域是通过,#app实现关联的
所以,我们在#app实例中,使用什么东西就丢什么东西到对应的
Vue实例中。一个js文件中可以创建多个vue实例
要记得,render函数渲染是会把指定的容器就是联系的那个容器覆盖掉
vue-router 这是页面间的小跳转吧
路由的改变,vue-router就会监听到,然后会匹配对应的路由
router-link 和router-view 应该是一起使用的router-view是显示这个链接要展示的容器
这个东西是router监听渲染出来的,所以不会像是render函数渲染出来的会被覆盖
router渲染和render 这个两个不冲突,所以不会被覆盖的
2019-9-30 webpack 实现children子路由
上边讲的登录和注册是同级的
子路由:就是路由嵌套嘛
组件中的style标签lang属性和scoped属性的介绍
直接这样是全局的样式,关联的组件的div都变红色
加上这个之后好像就可以了
scoped控制全局的,lang是控制是否用sass写样式
路由模块的抽离
新建一个router.js文件,然后把router组件
放到这个文件中 还要export default router
然后再在main.js中导入import