JoeYoung - 博客园

2020年3月18日

摘要：创建分支：city-list 拉取到本地并切换分支： git pull git checkout city-list 新建List.vue文件： <template> <div class="list"> list </div> </template> <script> export default 阅读全文

posted @ 2020-03-18 14:28 JoeYoung 阅读(370) 评论(0) 推荐(0) 编辑

2020年3月17日

Vue2.5 旅游项目实例11 城市选择页-搜索框布局

摘要：创建分支：city-search 拉取到本地并切换分支： git pull git checkout city-search 新建Search.vue文件： <template> <div class="search"> <input class="search-input" type="text" 阅读全文

posted @ 2020-03-17 17:09 JoeYoung 阅读(321) 评论(0) 推荐(0) 编辑

Vue2.5 旅游项目实例10 城市选择页-路由配置

摘要：创建分支：city-router 拉取到本地并切换分支： git pull git checkout city-router 然后配置路由index.js： import Vue from 'vue' import Router from 'vue-router' import Home from 阅读全文

posted @ 2020-03-17 11:40 JoeYoung 阅读(264) 评论(0) 推荐(0) 编辑

Vue2.5 旅游项目实例9 首页-首页父子组件间的传值

摘要：头部城市部分，在Home.vue页面添加代码： <home-header :city="city"></home-header> <script> export default { data () { return { city: '', swiperList: [], iconList: [], 阅读全文

posted @ 2020-03-17 09:36 JoeYoung 阅读(236) 评论(0) 推荐(0) 编辑

2020年3月16日

Vue2.5 旅游项目实例8 首页-使用axios获取首页数据

摘要：创建分支：index-axios 拉取到本地并切换分支： git pull git checkout index-axios 安装axios： npm install axios --save 在Home.vue文件中添加代码： <script> import HomeHeader from './ 阅读全文

posted @ 2020-03-16 14:40 JoeYoung 阅读(317) 评论(0) 推荐(0) 编辑

2020年3月13日

Vue2.5 旅游项目实例7 首页-周末游区域代码

摘要：新建Weekend.vue文件，并添加到Home.vue里 <template> <div> <home-header></home-header> <home-swiper></home-swiper> <home-icons></home-icons> <home-recommend></hom 阅读全文

posted @ 2020-03-13 18:45 JoeYoung 阅读(493) 评论(0) 推荐(0) 编辑

Vue2.5 旅游项目实例6 首页-推荐区域组件

摘要：还是在远程创建分支：index-recommend 拉到本地并切换分支： git pull git checkout index-recommend 在home\components目录下新建Icons.vue文件，然后在Home.vue文件中引用： <template> <div> <home 阅读全文

posted @ 2020-03-13 14:52 JoeYoung 阅读(383) 评论(0) 推荐(0) 编辑

Vue2.5 旅游项目实例5 首页-图标区域的布局代码

摘要：还是在远程创建分支：index-icons 拉到本地并切换分支： git pull git checkout index-icons 在home\components目录下新建Icons.vue文件，然后在Home.vue文件中引用： <template> <div> <home-header> 阅读全文

posted @ 2020-03-13 10:23 JoeYoung 阅读(361) 评论(0) 推荐(0) 编辑

2020年3月12日

Vue2.5 旅游项目实例4 首页-轮播图区域

摘要：先在远程创建分支：index-swiper 然后把新创建的分支拉到本地，并切换分支： git pull git checkout index-swiper 轮播需要用一个第三方插件：vue-awesome-swiper 为了稳定性，我们安装使用v2.6.7的版本： npm install vue- 阅读全文

posted @ 2020-03-12 17:27 JoeYoung 阅读(431) 评论(0) 推荐(0) 编辑

Vue2.5 旅游项目实例3 首页-iconfont和代码优化

摘要：到iconfont官网上新建项目文件Travel，然后选择你需要的图标加入购物车，并下载到本地，解压缩后把 iconfont.css 文件拷贝到项目的Travel\src\assets\styles文件夹下，再新建iconfont文件夹，里面包含了（iconfont.eot、iconfont.svg 阅读全文

posted @ 2020-03-12 17:25 JoeYoung 阅读(589) 评论(0) 推荐(0) 编辑

Vue2.5 旅游项目实例2 首页-header区域开发

摘要：安装stylus依赖包： npm install stylus --save 安装stylus-loader依赖： npm install stylus-loader --save 都按照完成后，在home文件夹下新建components文件夹，里面新建Header.vue文件 <template> 阅读全文

posted @ 2020-03-12 14:03 JoeYoung 阅读(439) 评论(0) 推荐(0) 编辑

Vue2.5 旅游项目实例1 代码初始化

摘要： 1、打开index.html文件修改meta：移动端禁止放大缩小 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalabl 阅读全文

posted @ 2020-03-12 11:05 JoeYoung 阅读(267) 评论(0) 推荐(0) 编辑

Git 撤销或提交单个文件修改

摘要：撤销修改 1.先查看该Git仓库的当前状态： git status 显示： On branch master Changes to be committed: (use "git restore --staged <file>..." to unstage) modified: a.txt 2.现在阅读全文

posted @ 2020-03-12 11:03 JoeYoung 阅读(2524) 评论(0) 推荐(0) 编辑

2020年3月9日

vue-cli2.x创建项目

摘要： 1.安装cli2.x脚手架 npm install --global vue-cli 2.创建项目 vue init webpack 项目名按照填写就行了 ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint y 阅读全文

posted @ 2020-03-09 15:10 JoeYoung 阅读(516) 评论(0) 推荐(0) 编辑

Vue-cli脚手架2.0和3.0创建项目的区别？

摘要：一、生成项目命令 1、安装3.x版本的Vue脚手架： npm install -g @vue/cli 创建Vue项目命令： vue create 项目名称或基于ui界面创建Vue项目，命令：vue ui 2、安装了vue-cli 3.x 后如何使用 vue-cli 2.x 创建项目需要安装一个桥阅读全文

posted @ 2020-03-09 14:55 JoeYoung 阅读(3139) 评论(0) 推荐(2) 编辑