2019年12月22日
摘要: 1.模块化概述 传统开发模式的主要问题 + 命名冲突:指的是多个js文件之间如果存在重名的变量,则会发生变量覆盖问题; + 文件依赖:指的是js文件之间无法实现相互的引用 通过模块化解决上述问题 + 模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部 阅读全文
posted @ 2019-12-22 18:25 songsong_p_blue 阅读(170) 评论(0) 推荐(0) 编辑
摘要: + 能够知道有哪些模块化的相关规范 + 能够使用webpack + 能够使用Vue单文件组件 + 能够使用Vue脚手架 + 能够使用Element Ul 阅读全文
posted @ 2019-12-22 17:12 songsong_p_blue 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 案例分析 用到的路由技术要点: + 路由的基础用法 + 嵌套路由 + 路由重定向 + 路由传参 + 编程式导航 根据项目的整体布局划分好组件结构,通过路由导航控制组件的显示 1.抽离并渲染 App根组件 2.将左侧菜 单改造为路由链接 3.创建左侧菜 单对应的路由组件 4.在右侧主体区域添加路由占位 阅读全文
posted @ 2019-12-22 11:58 songsong_p_blue 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 页面导航的两种方式 + 声明式导航:通过点击链接实现导航的方式,叫做声明式导航 例如:普通网页中的 链接或vue中的 + 编程式导航:通过调用JavaScrip形式的API实现导航的方式,叫做编程式导航 例如:普通网页中的location.href 1.编程式导航基本用法 常用的编程式导航API如下 阅读全文
posted @ 2019-12-22 11:22 songsong_p_blue 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 命名路由的配置规则 为了更加方便的表示路由的路径,可以给路由规则起一个别名, 即为“命名路由”。 阅读全文
posted @ 2019-12-22 11:01 songsong_p_blue 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 动态匹配路由的基本用法 思考: 应用场景:通过动态路由参数的模式进行路由匹配 路由组件传递参数 $route与对应路由形成高度耦合,不够灵活,所以可以使用props将组件和路由解耦 1.props的值为布尔类型 2.props的值为对象类型 3.props的值为函数类型 阅读全文
posted @ 2019-12-22 10:52 songsong_p_blue 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 嵌套路由用法 1.嵌套路由功能分析 + 点击父级路由链接显示模板内容 + 模板内容中又有子级路由链接 + 点击子级路由链接显示子级模板内容 2.父路由组件模板 + 父级路由链接 + 父组件路由填充位 3.子级路由模板 + 子级路由链接 + 子级路由填充位 const Register = { //使 阅读全文
posted @ 2019-12-22 10:05 songsong_p_blue 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 路由重定向 路由重定向指的是:用户在访问地址A的时候,强制用户跳转到地址C .从而展示特定的组件页面; 通过路由规则的redirect 属性,指定一个 新的路由地址,可以很方便地设置路由的重定向: 阅读全文
posted @ 2019-12-22 09:36 songsong_p_blue 阅读(577) 评论(0) 推荐(0) 编辑
摘要: 路由的基本概念与原理 Vue Router Vue Router (官网: https://router.vuejs.org/zh/)是Vue.js 官方的路由管理器。 它和vue.js的核心深度集成,可以非常方便的用于SPA应用程序的开发。 Vue Router包含的功能有: + 支持HTML5 阅读全文
posted @ 2019-12-22 08:19 songsong_p_blue 阅读(288) 评论(0) 推荐(0) 编辑