随笔分类 - vue移动端项目
摘要：router文件中的 index component： （）=> import（‘path’） // 这样 访问一个页面 就只请求这个页面的js逻辑 //当app很小的的时候不需要做异步拆分 //进入首页是快，但是进入其他页面还要进行一次http请求 //也就是说发送一个http请求代价比加载一点代
阅读全文
摘要：何为项目接口联调？ 前端代码编译好了 后端接口写好了 我们就需要去掉前端模拟数据干掉 用后端提供的数据。进行前后端的一个调试 如何联调？ config目录下面 index.js 文件 dev 中proxyTable 中的‘api ’ 中的taget 目标换成后端地址（注意端口） http://loc
阅读全文
摘要：两个组件只同时显示一个 可以用 a v-show='variable' b: v-show='!variable' 1.对全局事件的解绑 //代码容易出现大量bug 因为影响其他组件 keep-alive还提供了一个生命周期函数 deactivated 执行事件：页面即将被隐藏或者页面即将被替换新的
阅读全文
摘要：1.src中创建 common 再创建 gallery。然后gallery.vue 2.build 中webpack.base.conf 中配置更短路径 module.exports {}中 resolve "common": resolve('src/common') 3.其他组件引用这个组件 4
阅读全文
摘要：1.<router-link>标签 a标签就会把里面文字的颜色变掉 那我们可以换一种写法 <router-link tag='li'> //这样vue就会把这个标签渲染成li标签 < :to="'/detail' + item.id"> //to做一个动态绑定 //并且实现了一个参数传递，通过url
阅读全文
摘要：我们网页请求时候 我们点击路由切换 可以看network中数据请求 因为每次路由切换都会执行mounted钩子函数 我们这个函数中数据请求 //每次切换路由，页面都会重新渲染 在根组件中使用 路由切换 标签包裹 <keep-alive> <router-view/> </ keep-alive> 包
阅读全文
摘要：vuex 是数据框架(一个插件)（单项数据的改变流程，组件改数据必须先调Action用dispatch方法） 大型项目vue只能承担视图层的主要内容 大量数据传递的时候，往往需要一个数据框架辅助 例子：多个组件之间的传值很困难的时候，如果我们能吧公用的数据放在一个公共的空间 存储，然后某一个组件改变
阅读全文
摘要：keyword 监听时间做一个节流处理 keyword为input输入的内容 //当逻辑卡壳的时候 可以试着重启服务器，浏览器 当搜索内容出现很多的时候 内容无法滚动 可以引入 better-scroll //( !this.keyword) 可以用来判断一个数据不存在 1.当我们输入很长数据 什么
阅读全文
摘要：1.配置路由 先在router文件夹中，创建一个路由。引入组件 { path: '/city', name: 'HelloCity', component: city, meta: { name: 'viewport', content: 'width=device-width, initial-s
阅读全文
摘要：ajax 可以动态获取数据内容 vue中发送ajax有很多工具可用 浏览器自带的fetch 现在推荐： axios第三方模块（vue中发送ajax） 特点： 跨平台的数据请求 浏览器中xhr请求 node服务器中发送http请求 技巧： 一个首页中有五个组件。每个组件需要发送数据请求。那就是五个请求
阅读全文
摘要：da当拖动图标时候，只有上部分可以，下部分无响应 swiper 为根页面引用，其中的css为独立，点击swiper标签可以看见其包裹区域只有部分 那么需要修改 就需要穿透样式 外部 >>> 需要修改元素 .icons >>> .swiper-container height 0 padding-bo
阅读全文
摘要：知识点回顾 git clone： 从远程服务器克隆一个一模一样的版本库到本地,复制的是整个版本库， 叫做clone.（clone是将一个库复制到你的本地，是一个本地从无到有的过程） 1. 创建分支 进度：头部做好了，现在做头部下面的轮播图 因为是开发首页的第二个组件，所以我们可以git云仓库再建一个
阅读全文
摘要：stylus 优点：css之中使用一些变量，方便我们快速编写css 项目中我们使用css开发的辅助工具帮助我们开发网站样式 安装：终端打开我们项目的文件夹 npm install stylus --save npm install stylus-loader --save // --save 是线上
阅读全文
摘要：单文件组件与路由 .vue结尾的文件都是单文件组件 路由就是根据网址的不同返回的页面不同 多页应用与单页应用 多页应用： 每次页面跳转，服务器都会返回一个html。 优点：首次展现页面快。搜索引擎排名比较好，搜索引擎可以识别html内容 缺点：页面切换慢（网速慢的时候） 单页应用： <router-
阅读全文
摘要：1. 项目环境： node.js运行环境（不一定要最新特性的最新版本，用合适的版本即可） 2.项目放在git上管理（网上云仓库码云） 1.创建仓库：选择语言js 2.本地代码和线上代码通过git做成关联，本地写的代码线上也可以保存 代码丢失 /代码回滚和回溯 3.本地线上关联： 本地安装git 本地
阅读全文
