不是孩子了 - 博客园

2021年9月28日

摘要： Pass 阅读全文

posted @ 2021-09-28 20:21 不是孩子了阅读(23) 评论(0) 推荐(0)

摘要：我们想把上面圈起来的部分提取成公共组件（1）在components中创建名为Header的vue component（components文件夹就是存放公共组件的）（2）把公共部分剪切到我们的Header文件中（3）如果公共部分也有处理其的代码，也进行拷贝就可以。我们这里没有，就不需要拷贝阅读全文

posted @ 2021-09-28 19:52 不是孩子了阅读(202) 评论(0) 推荐(0)

32-vuecli中样式的引入来美化页面

摘要：如果引入的是boorstrap框架，我们不适用它提供的javascript插件，因为这是基于jquery的，vue不建议我们使用jquery 下载bootstrap，解压，得到三个文件夹css、fonts、js，我们只需要把css、fonts赋值粘贴到我们前端项目路径的存放静态文件的assets文件阅读全文

posted @ 2021-09-28 19:38 不是孩子了阅读(162) 评论(0) 推荐(0)

31-vue_cli标准开发方式结合后端实现

摘要： 1、快速构建springboot工程，检测是否可以正常运行。发现端口8080被前端占用，修改端口为8081 2、引入项目依赖  <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId 阅读全文

posted @ 2021-09-28 17:18 不是孩子了阅读(57) 评论(0) 推荐(0)

2021年9月27日

30-vue_cli标准开发方式值前端建立

摘要： 1、创建ems项目 vue init webpack ems 2、进入项目 cd ems 2、项目启动 npm run dev 3、删除helloword组件 4、新建views目录，用于存放我们的业务组件。以前的components目录存放我们的公共组件 5、在views中创建Login组件 6、阅读全文

posted @ 2021-09-27 21:34 不是孩子了阅读(35) 评论(0) 推荐(0)

29-webstorm创建vuecli的基本使用

摘要： P35 Pass 阅读全文

posted @ 2021-09-27 20:47 不是孩子了阅读(35) 评论(0) 推荐(0)

28-vuecli项目目录结构说明

摘要： ![](https://img2020.cnblogs.com/blog/2506674/202109/2506674-20210927182221106-679090207.png) 阅读全文

posted @ 2021-09-27 18:22 不是孩子了阅读(25) 评论(0) 推荐(0)

27-vuecli简介和nodejs安装

摘要： ![](https://img2020.cnblogs.com/blog/2506674/202109/2506674-20210927171201043-6605975.png) ![](https://img2020.cnblogs.com/blog/2506674/202109/2506674-20210927171232146-1024458731.png) 阅读全文

posted @ 2021-09-27 17:13 不是孩子了阅读(29) 评论(0) 推荐(0)

26-router中嵌套路由的使用

摘要： 1、创建父路由 2、创建子路由 3、添加到父路由中 4、在父亲的template中添加 - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div 阅读全文

posted @ 2021-09-27 15:42 不是孩子了阅读(120) 评论(0) 推荐(0)

25-template单独写

摘要：我们在组件的template中写代码，如果代码量比较多，不好管理，我们可以提出来，在组件中引用这个template即可可以写成下面这样保证将template写在外面即可，即不能写在vue里面阅读全文

posted @ 2021-09-27 14:36 不是孩子了阅读(55) 评论(0) 推荐(0)

发量不减

公告