• Vue组件间的参数传递与Vue的路由实现


      Vue组件间的参数传递

      1,父组件与子组件传值

      父组件传给子组件:子组件通过props方法接受数据

       子组件传给父组件:$emit方法传递参数

      

      2,非父子组件间的数据传递,兄弟组件传值

       enentBus,就是创建一个事件中心,相当于中转站,可以用它来传递事件和接收事件。项目比较小时,用这个比较合适。(虽然有不少人推荐VUEX,具体来说得看需求。技术只是手段,达到目的才是王道。)

      

      Vue的路由实现:hash模式和history模式   

      Hash模式:在浏览器中符号“#”,#以及#后面的字符称之为hash,用window.location.hash读取;

      特点:hash虽然在URL中,但不被包括在HTTP请求中;用来指导浏览器动作,对服务端安全无用,hash不会重新加载页面。

      hash模式下,仅hash符号之前的内容会被包含在请求中,如http://www.xxx.com,因此对于后端来说:即使没有做到对路由的全覆盖,也不会返回404错误。

      history模式:history采用HTML5的新特性;且提供了俩个新方法:pushState(),replaceState()可以对浏览器历史记录栈进行修改,以及popState事件的监听状态变更。

      history模式下,前端URL必须和实际向后端发送请求的URL一致,如:htttp://www.xxx.com/items/id。后端如果减少对/items/id的路由处理,将返回404错误。Vue-Router官网里如此描述:“不过这种模式要玩好,需要后台配置支持...所以呢,你要在服务端增加一个覆盖所有情况的候选资源:如果URL匹配不到任何静态资源,则应该返回同一个index.html页面,这个页面就是你app依赖的页面。”

            

  • 相关阅读:
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
    深入理解Java虚拟机:JVM高级特性与最佳实践(第3版)请自取
    Map遍历法则
    c.toArray might (incorrectly) not return Object[]
    JavaGuide
    NIO入门
    Docker应用安装
  • 原文地址:https://www.cnblogs.com/yjgbk/p/12172188.html
Copyright © 2020-2023  润新知