Vee Validate
摘要：Vee Validate 安装 yarn add vee-validate S ES6+ import Vue from 'vue' import App from './App.vue' import router from './router' import store from './stor
阅读全文
posted @
2021-05-24 08:53
苏荷酒吧
阅读(93)
推荐(0) 编辑
Vue工程调试方式
摘要：1，VScoed 首先安装Debugger fro Chrome 首先配置vue.config.js module.exports = { configureWebpack: { devtool: 'source-map' } } 然后配置VScode运行和调试 { // 使用 IntelliSen
阅读全文
posted @
2021-05-10 08:47
苏荷酒吧
阅读(138)
推荐(0) 编辑
v-model修饰符
摘要：.lazy 默认情况下，v-model在每次input事件触发后，输入框的值会与数据进行同步。添加.lazy修饰符，从而转为在change事件之后同步 <!-- 在“change”时而非“input”时更新 --> <input v-model.lazy="msg"> .number 将输入框的值自
阅读全文
posted @
2020-05-12 16:29
苏荷酒吧
阅读(146)
推荐(0) 编辑
Element组件，v-for循环，表单验证方法
摘要：HTML <el-row v-for="(item, idx) in profession.custs" :key="-idx" class="pro-card contacts s1"> <el-row> <el-col> <el-form-item label="联系人电话" :prop="'c
阅读全文
posted @
2020-04-23 15:51
苏荷酒吧
阅读(1593)
推荐(0) 编辑
上传文件转换为base64图片
摘要：HTML <el-form-item label="附件"> <div @click="triggerAffix" class="fujian"></div> <div class="affix-success">附件<span class="btn-del"></span></div> <inpu
阅读全文
posted @
2020-04-22 10:55
苏荷酒吧
阅读(275)
推荐(0) 编辑
Vue登录登出以及JWT认证
摘要：数据模型 主要用户名，密码，邮箱，头像，身份 const mongoose = require('mongoose') const schema = new mongoose.Schema({ username: { type: String, require: true }, email: { t
阅读全文
posted @
2019-05-06 23:52
苏荷酒吧
阅读(752)
推荐(0) 编辑
Vue开发实战
摘要：递归组件 关键是组件在模板内能调用自身，关键是name属性 首先我们先定义数据格式 list: [ { title: '标题1' }, { title: '标题2', children: [ { title: '标题2-子标题1' }, { title: '标题2-子标题2' } ] }, { ti
阅读全文
posted @
2019-05-06 23:40
苏荷酒吧
阅读(181)
推荐(0) 编辑
Vuex
摘要：状态管理bus 创建bus实例 挂载到Vue原型上 Click触发事件 在其他组件监听‘on-click’事件 Vuex State 在Vue组件中获得 通过mapState辅助函数 对象展开运算符 Getter 主要特点会缓存数据，跟Vue计算属性一样，根据依赖数据发生变化才会重新计算 通过属性访
阅读全文
posted @
2019-05-03 21:59
苏荷酒吧
阅读(163)
推荐(0) 编辑
Vue Router高级
摘要：路由组件传参 通过props解耦 布尔模式 如果props被设置为true，route.params参数将被设置为组件属性 对象模式 函数模式 /search?q=vue 会将{query:vue}传递给组件SearchUser History模式 vue-router默认使用hash模式 如果使用
阅读全文
posted @
2019-05-03 19:56
苏荷酒吧
阅读(290)
推荐(0) 编辑
Vue Router基础
摘要：路由 安装 vue-router 起步 通过this.$route访问路由器 动态路由 像/user/bar和/user/foo都能映射到相同的路由 参数会被设置到this.$route.params中 可以设置多端参数 从/user/foo到/user/bar 原来的组件实例会被复用。因为两个路由
阅读全文
posted @
2019-05-03 16:26
苏荷酒吧
阅读(145)
推荐(0) 编辑
实现A-Z滑动检索菜单
摘要：我们实现一个A-Z滑动检索菜单，这是一个移动端非常常见的功能，页面效果图如下 在实现代码之前我们先了解下JS滚动事件和滑动事件 scrollTop 一个元素的scrollTop是这个元素的顶部 到 可视区域顶部的距离，如果元素没有垂直方向的滚动条，那么scrollTop为0 scrollHeight
阅读全文
posted @
2019-04-13 22:12
苏荷酒吧
阅读(378)
推荐(0) 编辑
mpvue
摘要：使用mpvue开发小程序 首先安装 我们使用@vue/cli 无法使用vue init 可以全局安装一个@vue/cli-init 然后初始化mpvue项目 然后小程序打开项目
阅读全文
posted @
2019-04-12 22:49
苏荷酒吧
阅读(145)
推荐(0) 编辑
前端技术栈
摘要：JS JS基础 JS高级-ES6 JS高级-异步 JS高级-虚拟DOM axios koa-passport实现本地验证 Koa2 Mongoose Mock NodeJS-基础 NodeJS-静态服务器 React基础概念 React高级指引 React 基础语法 React Redux Reac
阅读全文
posted @
2019-03-31 23:31
苏荷酒吧
阅读(441)
推荐(0) 编辑
Vue面试题
摘要：Vue 简述下MVVM MVVM全称是MODEL-VIEW-VIEWMODEL Vue是以数据为驱动，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，当数据发生变化，DOM也会发生变化 ViewModel是Vue的核心，它是Vue实例。Vue实例的作用域是某个HTML元素 D
阅读全文
posted @
2019-03-18 12:43
苏荷酒吧
阅读(309)
推荐(0) 编辑
Vue2.0学习笔记
摘要：环境搭建 vue-cli@3 vue-cli@2.X npm i -g @vue/cli 模板语法 文本 <span>Message: {{ msg }}</span> 原始HTML <span v-html="msghtml"></span> 特性 <div v-bind:id="dynamicI
阅读全文
posted @
2019-03-04 09:54
苏荷酒吧
阅读(194)
推荐(0) 编辑
Vue-cli3.0开发笔记
摘要：安装 版本为3.X 创建项目 多页面应用VS单页面应用 多页面应用 返回HTML 优点 首屏加载快 SEO好 缺点 页面切换慢 单页面应用 返回JS 优点 页面切换快 缺点 首屏加载慢，SEO差 --解决办法服务器端渲染 项目代码初始化 移动端配置viewport reset.css 引入borde
阅读全文
posted @
2019-02-28 16:47
苏荷酒吧
阅读(261)
推荐(0) 编辑
