随笔分类 -  vue

摘要:touchmove的最后坐标减去touchstart的起始坐标,X的结果如果正数,则说明手指是从左往右划动;X的结果如果负数,则说明手指是从右往左划动;Y的结果如果正数,则说明手指是从上往下划动;Y的结果如果负数,则说明手指是从下往上划动。 但是: 实际上手指在手机上面滑动时很难做到直上直下的滑动; 阅读全文
posted @ 2019-04-29 09:53 Du.Du 阅读(6832) 评论(1) 推荐(1)
摘要:修改【public】-【index.html】meta标签 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no 阅读全文
posted @ 2018-12-03 23:51 Du.Du 阅读(252) 评论(0) 推荐(0)
摘要:Mock数据 在文件【vue.config.js】 - devServer 字段 - before(app)函数配置数据接口访问 运行项目:npm run serve http://localhost:8081/api/goods 即可访问到data.json数据 阅读全文
posted @ 2018-12-03 22:46 Du.Du 阅读(314) 评论(0) 推荐(0)
摘要:v-text 和 {{}} 效果一样的,但最好用v-text,解决刷新问题 添加html:v-html 数据双向绑定:v-model【在input里面修改内容,p标签也会跟着改】 只使用一次:v-once【在input里面修改内容,p标签也会跟着改】 绑定属性:v-bind:属性名称,带有bind的 阅读全文
posted @ 2018-12-03 17:41 Du.Du 阅读(150) 评论(0) 推荐(0)
摘要:安装vue-router 在main.js中引入 阅读全文
posted @ 2018-12-03 16:47 Du.Du 阅读(154) 评论(0) 推荐(0)
摘要:安装脚手架 npm install -g vue-cli 建项目 vue init webpack pufa 到项目目录下: cd pufa 安装依赖: npm install 运行项目: npm run dev 安装less: npm install less less-loader -s 安装a 阅读全文
posted @ 2018-12-03 13:29 Du.Du 阅读(134) 评论(0) 推荐(0)
摘要:在【webpack.base.conf.js】配置 阅读全文
posted @ 2018-12-03 07:05 Du.Du 阅读(846) 评论(0) 推荐(0)
摘要:【build】-【webpack.dev.conf.js】 或 【build】-【dev-server.js】 在webpack.dev.conf.js中的写法 测试是否访问到:localhost:8080/api/seller 在dev-server.js中的写法 阅读全文
posted @ 2018-12-03 06:39 Du.Du 阅读(459) 评论(0) 推荐(0)
摘要:【HelloWorld.vue】 position弹框位置等属性查看vant API 【Popup 弹出层】 type="datetime" 具体到时间 type="year-month" 只有年、月 阅读全文
posted @ 2018-11-28 15:52 Du.Du 阅读(31453) 评论(0) 推荐(1)
摘要:安装 npm i vant -S 【main.js】 【index.html】 【HelloWorld.vue】 具体参数查看vant API 【Layout 布局】【Icon 图标】 阅读全文
posted @ 2018-11-28 15:49 Du.Du 阅读(9031) 评论(0) 推荐(0)
摘要:缺少style-loader 或者 stylus-loader 等问题 在文件【package.json】分支:【devDependencies】添加 版本号: 如果不知道版本号上github,搜索“stylus-loader” 在控制台 重新安装依赖、再运行项目 有postcss就可以实现自己设置 阅读全文
posted @ 2018-11-27 11:47 Du.Du 阅读(168) 评论(0) 推荐(0)
摘要:安装脚手架vue-cli 建立项目 进入项目目录 可以看目录结构: 安装依赖 运行项目 项目都建立在src目录下,src目录下建文件夹 - 公共文件【common】- 公共文件下建3个文件夹:js、fonts、stylus stylus:是css预处理器,和Less、Sass功能差不多,但语法略有区 阅读全文
posted @ 2018-11-26 17:13 Du.Du 阅读(290) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2018-11-24 11:48 Du.Du 阅读(8) 评论(0) 推荐(0)
摘要:Muse UI的icon是国外网站,被墙了所以用这个网址的icon,在index.html文件中引入下面链接: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,40 阅读全文
posted @ 2018-11-23 20:11 Du.Du
摘要:vue是数据渲染使用:axios,官网:https://www.kancloud.cn/yunye/axios/234845 || https://www.npmjs.com/search?q=axios 安装脚手架:npm install vue-cli 建立vue项目,名为vuedemo: vu 阅读全文
posted @ 2018-11-23 20:06 Du.Du