随笔分类 - vue
摘要：vue表单项目中，有时候需要用户输入域一些数据便于查询，但不经意间输入一些空格元素，导致一些问题出现，一般前端的小伙伴们都会加上一些格式校验，比如正则表达式之类的。 这样就能去除部门空格元素，不反对这样做，只要能达到目的就不是什么问题。今天我们看一个简单的办法 <div id="app"> <inp
阅读全文
摘要：1、简介 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。简单来说就是前端最火最简单的一个http请求解决方案。 2、安装 npm install vuex --save 3、功能 从浏览器中创建 XMLHttpRequests 从 node.js 创
阅读全文
摘要：1、简介 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。简单来说就是前端最火最简单的一个http请求解决方案。 2、安装 npm install vuex --save 3、功能 从浏览器中创建 XMLHttpRequests 从 node.js 创
阅读全文
摘要：习惯了vue的写法或者习惯jquery，有时候想大胆的尝试一下二者能不能结合使用，答案是可以的。 我们这里都使用CDN引用，一起来看下效果吧！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equi
阅读全文
摘要：很多做前端开发的小伙伴经常用到vscode开发工具，但每次下载都要等上还几个小时甚至半天的时间，去其他网站下载则产生一堆垃圾，很不友好。那么，有没有什么办法可以快速下载到正版的呢？ 答案：有，必须有。 天呐，需要两小时 如何快速下载呢？ 首先在官网找到需要下载的文件，点击下载。 在浏览器或者下载软件
阅读全文
摘要：项目架构 // 1.封装项目的基础库 优秀的基础库可以保证项目的最低质量下限和更好的可扩展性。通常我们说的基础库包括-组件库、基础 css 库、基础工具库。 // 2.层级管理 管理你的请求，建议把你项目的 api 层独立出来为一个层级管理，这样有利于在复杂接口下，更好的管理，降低复杂度。 性能优化
阅读全文
摘要：get请求 let url = ""; this.$axios({ url: url, method: "get", params: { a: 1, b: 2 }, }).then((res) => { console.log(res); }).catch(function(error) { //
阅读全文
摘要：在项目开发时，我们常常用到ref和refs两个属性。 一、一般来说，如果我们把ref属性定义到html元素之上，我们就可以对html元素进行DOM操作了，省去了传统的Document.getlelementById操作了， 例如： <input type="text" ref="input" />
阅读全文
摘要：在实际项目中，路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。举个例子，我们通常使用 router.beforeEach 注册一个全局前置守卫用来判断登录的状态： let routesArr = [{ path: '/home', name:"home", //redirect:"/abou
阅读全文
摘要：在vue.js中，通常使用watch来响应数据的变化。一般常见的watch的三大用法入下： 1. 一般用法 <input type="text" v-model="id"/> new Vue({ el: '#app', data: { id: 1 }, watch: { id(newVal,oldV
阅读全文
摘要：第一步：修改main.js import axios from 'axios' Vue.prototype.$axios = axios axios.defaults.baseURL = '/api' 第二步：修改 config 下面的index.js文件 dev: { env: require('
阅读全文
摘要：vue全家桶都是什么？我们实际工作中应该学习哪些？ vue核心知识 vue-resource vue-router vue-cli vuex 以上知识，必须熟记牢记才可以在vue开发的世界游刃有余，希望可以帮助大家~作者：lien链接：https://www.caigouganhuo.club vu
阅读全文
摘要：vue中的ref其实功能很强大，下面介绍一下如何使用。 基本用法，本页面获取dom元素 <template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div>
阅读全文
摘要：新建项目后出现 miss script :dev 错误 找了很多原因一直没有发现问题 原因是packge.json文件中丢失一些数据依赖，重新下载过来 安装一下就可以了 解决办法： 输入 vue init webpack npm install npm run dev 问题就解决了。
阅读全文
摘要：v-if 1、是真正的页面渲染，在切换过程中条件块内的事件监听和组件是不停的重建和销毁。 2、是惰性的，只有当条件满足的时候即true时，才能开始渲染。 v-show不管条件是否为真，都直接渲染页面，仅仅是简单的CSS样式的隐藏于显示而已。 一般来说，v-if的切换开销比较大，而 v-show的初始
阅读全文
摘要：第一个输出英文"Hello!”，第二个输出中文“你好！”。这说明了showMessage1()里的this指的是window，而showMessage2()里的this指的是vue实例。 ※ 对于普通函数（包括匿名函数），this指的是直接的调用者，在非严格模式下，如果没有直接调用者，this指的是
阅读全文
摘要：input控件可以直接设置disabled为不可用状态； DatePicker要想不可编辑，设置readonly属性即可 <DatePicker type="date" v-model="xxx.aa" :readonly="disabled"></DatePicker>
阅读全文
浙公网安备 33010602011771号