创建一个空的vue项目,配置及步骤
  3x0qze8NmMkg 2023年12月23日 91 0


 查看需要的环境及插件版本

创建一个空的vue项目,配置及步骤_H5

 

创建vue命令

默认配置

创建一个空的vue项目,配置及步骤_服务器_02

 

手动配置

创建一个空的vue项目,配置及步骤_H5_03

 

创建一个空的vue项目,配置及步骤_服务器_04

 

编辑其他

hash和history的区别:

        hash 模式,url后,会带着#,改变hash,页面不会刷新,不会更改整个页面,只会更改#后面路由配置的内容;

        hash原理:通过监听浏览器的onhashchange()事件变化,查找对应的路由规则;


        history模式:url后没有#,看起来比较美观

        缺点是:(1)若是找不到chain/info/steps  这个路由,会报错404,所以需要设置如果匹配不到任何资源的情况,(2)每次刷新会重新像后端请求整个网址,也就是重新请求服务器;

        history原理:利用H5的 history中新增的两个API pushState() 和 replaceState() 和一个事件onpopstate监听URL变化;



【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月23日 0

暂无评论

推荐阅读
3x0qze8NmMkg