青海住房城乡建设厅网站,网站优化建设广州,网站内做全文搜索,wordpress链接自定义后文章打不开文章目录4.完成非路由组件Header与Footer业务4.1使用组件的步骤#xff08;非路由组件#xff09;本人其他相关文章链接4.完成非路由组件Header与Footer业务
在咱们项目开发中#xff0c;不在以HTML CSS 为主#xff0c;主要搞业务、逻辑 开发项目的流程#xff1a; (1)…
文章目录4.完成非路由组件Header与Footer业务4.1使用组件的步骤非路由组件本人其他相关文章链接4.完成非路由组件Header与Footer业务
在咱们项目开发中不在以HTML CSS 为主主要搞业务、逻辑 开发项目的流程 (1)书写静态页面HTML CSS (2)拆分组件 (3)通过axios获取服务器的数据动态展示 (4)完成相应的动态业务逻辑
注意点1创建组件的时候组件结构组件的样式图片资源
注意点2本项目采用的是less样式浏览器不识别less样式需要通过less、less-loader【安装5版本的】对less进行处理把less样式变为css样式浏览器才可以识别。另外引入的版本不宜过高否则也会出现莫名奇妙的错误。
安装命令如下
cnpm install --save less less-loader5
或者
npm install --save less less-loader5注意点3如果想让组件识别less样式需要在style标签的身上加上langless 报错场景 错误场景1cnpm不是内外部命令 原因那就说明不认识命令cnpm可以采用npm命令进行安装另外有些人在IDEA中的Terminal终端窗口进行命令安装也显示失败那么请用管理员权限打开CMD黑色窗口进行命令安装。
安装cnpm命令
npm install cnpm -g --registryhttps://registry.npm.taobao.org错误场景2已经安装less、less-loader的前提下引入的css样式还是爆红比如如图 原因如果想让组件识别less样式需要在style标签的身上加上langless
4.1使用组件的步骤非路由组件
创建或者定义引入注册使用
本人其他相关文章链接
1.vue尚品汇商城项目-day00【项目介绍此项目是基于vue2的前台电商项目和后台管理系统】 2.vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】 3.vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】 4.vue尚品汇商城项目-day01【3.项目路由的分析】 5.vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】 6.vue尚品汇商城项目-day01【5.路由组件的搭建】 7.vue尚品汇商城项目-day01【6.Footer组件的显示与隐藏】 8.vue尚品汇商城项目-day01【7.路由传参】 9.vue尚品汇商城项目-day01【8.路由跳转与传参相关面试题】
