2019-9-28Vue day06

mac2022-06-30  28

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

 

转载于:https://www.cnblogs.com/Py-king/p/11601852.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)