![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
吾读蜈工
前端Web工程师, 00后,目前就职于中国某曾经世界五百强苦逼企业。工作经验10年。
展开
-
《Vue.js实战》笔记-前五章
前3章<!-- 前3章: 初识Vue.js 数据绑定 计算属性 author:Rain--><html> <head> <script src="Vue.js&翻译 2018-10-18 10:17:37 · 284 阅读 · 0 评论 -
axios跨域vue
webpack之proxyTable设置跨域 :https://www.cnblogs.com/wancheng7/p/8987694.htmldev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPat...转载 2019-04-29 22:40:43 · 374 阅读 · 0 评论 -
Vuex
VueJS中学习使用Vuex详解 : https://segmentfault.com/a/1190000015782272转载 2019-04-29 22:42:59 · 70 阅读 · 0 评论 -
const
const 定义的变量只能引用,不能改变其值。并且 const 的引用不需要this指向原创 2019-05-22 16:37:01 · 61 阅读 · 0 评论 -
运行vue dist打包文件
cnpm i -g servecd distserve方法1. 将dist目录下的所有文件放到服务器的根目录方法2. 用http-server架一个简单的服务器npm install -g http-servercd disths原创 2019-07-12 23:11:08 · 598 阅读 · 0 评论 -
Vue的slot插槽 整理 新旧用法
Slot 例子转载 2019-07-15 23:18:46 · 153 阅读 · 0 评论 -
项目开发的流程
项目开发准备:项目描述模块:ES6组件工程化:Webpack vuecli eslint技术选型:Vue技术栈API接口开发项目脚手架创建项目安装所有依赖开发环境运行生产环境打包与发布搭建项目整体界面结构sassVue-Routerrouter-view/router-link/keep-alive$router: 路由对象,一些操作...转载 2019-07-18 22:39:42 · 99 阅读 · 0 评论 -
Vuex 安装 创建目录 和使用
安装Vuex,创建目录mutation-type定义mutation 函数名字常量 export const RECEIVE_ADDRESS = 'receive_address' mutation更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (t...翻译 2019-07-18 23:29:59 · 480 阅读 · 0 评论 -
项目封装axios
在vue项目中:统一封装 Axios 接口与异常处理 - qq_40128367的博客 - CSDN博客 https://blog.csdn.net/qq_40128367/article/details/82735310转载 2019-07-16 23:27:21 · 109 阅读 · 0 评论 -
Vue 显示加载中提示界面
使用svg或者其他样式作为加载中的效果使用 v-if='List.lenght' 和 v-else没加载完毕列表长度就为0,显示加载中的效果样式原创 2019-07-24 21:48:16 · 2582 阅读 · 0 评论 -
评分的实现过程
几种样式 1 - 0.5 - 0一个总循环样式数组// 定义成几种常量const CALSS_ON = 'on'const CALSS_HALF = 'half'const CALSS_ON = 'off'<span v-for="(sc, index) in starClasses" :class="sc" :key="index"></span>s...转载 2019-07-24 22:07:36 · 260 阅读 · 0 评论 -
长按删除弹框确认和点击进入
<gree-page class="page-list"> <div v-for="(item, index) in timerList" :key="index" class="listItem"> <div class="clickArea" @touchstart="showDeleteButton(index)" @touchen...原创 2019-08-22 16:43:40 · 241 阅读 · 0 评论 -
Vue自定义指令:点击、长按
Vue自定义指令Gestrue.js/** * Jerry * press 长按 参数:长按时长毫秒 * tap 点击事件 */const myGesture = {};// eslint-disable-next-linefunction gestrue(Vue, options) { let timeCounter = 0; // 定时器计数 let isLon...原创 2019-08-30 08:47:59 · 944 阅读 · 0 评论 -
vue的import引入
vue 各种 import 引入: https://www.jianshu.com/p/784e51ec68ce 先是 export import {axiosfetch} from './util'; //需要加花括号 可以一次导入多个也可以一次导入一个,但都要加括号如果是两个方法import {axiosfetch,post} from './util'; 再是 export...转载 2019-04-29 22:38:13 · 453 阅读 · 0 评论 -
Vue移动端UI组件库
1. Mint-UI官方文档2.Vant-UI官方文档3.Vux-UI (很全面)官方文档4.Cube-UI (滴滴)官方文档原创 2019-04-24 22:42:31 · 5860 阅读 · 0 评论 -
实战:简易购物车
index.html<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>购物车</title> <link rel="stylesheet" type="text/css&quo翻译 2018-10-18 10:56:27 · 1131 阅读 · 0 评论 -
《Vue.js实战》笔记-第六章
第六章1. 第一节 表单与v-modelpractice_3.1.html&lt;!-- 第6章 第一节表单与v-model Radio单选 CheckBox复选框单选与多选 下拉栏单选与多选、option v-for动态输出 下拉选择如果option不设置value的话就会按照列表的名字来,否则按照value 例如选择Javas...翻译 2018-10-18 14:34:04 · 278 阅读 · 0 评论 -
《Vue.js实战》笔记 第七章(重点)
&amp;amp;amp;amp;lt;!-- 第7章 第一节 组件与复用 创建组件后要注册,全局注册和局部注册 局部组件需只能在该实例的作用域内使用 table里面只能用 is来加载组件 第二节 使用Props传递数据 传递字符串可以不使用V-bind 其他不行 props 要是驼峰变量 组件return的数据作用域只在组件本身 --&amp;amp;amp;a翻译 2018-10-20 14:01:57 · 574 阅读 · 1 评论 -
《Vue.js实战笔记》第八章
practice_5.html<!-- 第8章 第一节 自定义指令 类似于Vue的定义,分全局和局部,局部为directives 别漏了s 指令定义函数提供了几个钩子函数(可选): bind:只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted:被绑定元素插入父节点...翻译 2018-10-25 17:22:40 · 249 阅读 · 0 评论 -
DellLee Vue学习笔记
用开发版本的Vue.js使用组件里面的datavar app = new Vue({ el:&amp;amp;amp;amp;amp;amp;amp;amp;quot;#app&amp;amp;amp;amp;amp;amp;amp;amp;quot;, data () { return { content:&amp;amp;amp;amp;amp;amp;amp;amp;quot;Hello原创 2018-10-31 17:26:26 · 1683 阅读 · 0 评论 -
《Vue项目预热》笔记
1. Node.js 安装2. npm安装3. Git安装4. Vue-cli脚架创建项目及文件目录讲解5. router使用6.开发手机移动应用准备reset.css 适配不同的屏幕尺寸border.css 解决手机二倍屏1px边框问题在main.js中引入 import 'reset.css' 和 import 'border.css'click快速打开问题(移动端30...翻译 2018-10-27 10:31:07 · 120 阅读 · 0 评论 -
《旅游网站笔记》首页开发
header区域开发安装stylusnpm install stylus --savenpm install stylus-loader --save组件使用&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;script&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;import HomeHeader from './compo翻译 2018-10-27 14:35:13 · 239 阅读 · 0 评论 -
《旅游网站开发》旅游网站城市列表页面开发
1. 城市选择页面路由配置src/router/index.jsimport Home from '@/pages/home/Home' //引入组件export default new Router({routes: [{ path: '/', //路径 name: 'Home', //路由名字 component: ...翻译 2018-11-11 20:02:34 · 342 阅读 · 0 评论 -
移动端点击、滑动和长按事件
Bubble.vue这是一个移动端的点击、滑动和长按事件Demo/* * @Author: Rain * @Date: 2019-01-03 20:48:10 * @Last Modified by: Rain * @Last Modified time: 2019-01-03 20:52:03 * * 这是一个点击、长按和滑动的移动端事件。 */<templ...转载 2019-01-03 20:56:38 · 4277 阅读 · 0 评论 -
Vue强制刷新Dom
参考:https://segmentfault.com/q/1010000015276370/a-1020000015276972参考:https://www.jianshu.com/p/15f26c504554参考: https://blog.csdn.net/qq_16772725/article/details/80467492官网: https://cn.vuejs.org/v2/...转载 2019-03-21 18:30:14 · 9963 阅读 · 0 评论 -
js异步
参考:https://www.jianshu.com/p/ab767311589d转载 2019-04-04 17:29:05 · 80 阅读 · 0 评论 -
axios中文官方文档
axios中文文档 - 简书 https://www.jianshu.com/p/7a9fbcbb1114转载 2019-04-15 22:50:14 · 1089 阅读 · 0 评论 -
使用mpVue开发微信小程序
使用Vue开发微信小程序: https://www.jianshu.com/p/8f779950bfd9美团mpvue文档: http://mpvue.com/mpvue/转载 2019-04-17 22:06:31 · 281 阅读 · 0 评论 -
vue-mobile-calendar日期选择
vue移动端日期选择组件: https://segmentfault.com/a/1190000013284700vue-mobile-calendar: https://lx544690189.github.io/vue-mobile-calendar/转载 2019-05-04 19:21:41 · 4431 阅读 · 1 评论