摘要: #一、目录结构分析 详情参考:https://www.angular.cn/guide/file-structure #二、app.module.ts、组件分析 app.module.ts 定义 AppModule,这个根模块会告诉 Angular 如何组装该应用。 目前,它只声明了 AppComp 阅读全文
posted @ 2022-04-09 22:03 小阿紫 阅读(49) 评论(0) 推荐(0)
摘要: 解决方法: 卸载重新安装angularcli 卸载的时候。进入c盘的npm文件夹下删除掉angular文件。然后再执行下一步。 用npm安装重新安装(不要用cnpm安装) 阅读全文
posted @ 2022-04-06 14:06 小阿紫 阅读(102) 评论(0) 推荐(0)
摘要: #1. Angular介绍 Angular 是谷歌开发的一款开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等 人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当 中。 根据项目数统计 angular(1.x 、2. 阅读全文
posted @ 2022-04-06 10:21 小阿紫 阅读(74) 评论(0) 推荐(0)
摘要: 找了一圈发现都是在vue.config.js中使用 devServer: { disableHostCheck: true } 但是项目运行的时候发现报错无法启动。 于是墙出去找到了答案。其实,在 webpack-dev-server@4中删除了该disableHostCheck选项allowedH 阅读全文
posted @ 2022-03-27 23:25 小阿紫 阅读(1347) 评论(0) 推荐(0)
摘要: ###使用百分比来绝对定位一个元素,并配合使用translate,将元素移动定位居中。 <style> .mask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5) } .content{ 阅读全文
posted @ 2022-03-26 11:10 小阿紫 阅读(657) 评论(0) 推荐(0)
摘要: vue-router中默认使用的是hash模式。,在URL中带有#号。 ###vue-router中存在的路由模式大致分为2种: Hash: 使用URL的hash值来作为路由。支持所有浏览器。hash 虽然出现在 URL 中,但不会被包括在 HTTP 请求中,对后端完全没有影响,因此改变 hash 阅读全文
posted @ 2022-03-23 00:46 小阿紫 阅读(585) 评论(0) 推荐(0)
摘要: 什么是路由守卫?为什么要使用路由守卫? 在项目中,每一次路由的切换或者页面的刷新都需要我们判断用户是否已经登录 导航钩子提供的三个参数: to:即将要进入的目标路由对象; from:当前导航即将要离开的路由对象; next :只有在调用该方法后,路由才会改变,才能进入下一个钩子函数(afterEac 阅读全文
posted @ 2022-03-23 00:15 小阿紫 阅读(3939) 评论(0) 推荐(0)
摘要: ###vue3中改如何使用vuex 首先,npm安装vuex。 npm install vuex@next --save 然后在文件夹路径下建立views/store/index.js。 mutations使用store.commit方法触发。action 通过 store.dispatch方法触发 阅读全文
posted @ 2022-03-13 18:11 小阿紫 阅读(1173) 评论(0) 推荐(0)