Vue
文章平均质量分 74
vue相关
congboer
这个作者很懒,什么都没留下…
展开
-
获取hostIp
动态获取主机IP地址,打开网页不再是localhost// 比如在vue.config.js中:这里返回的IPv4就是自己主机的ip地址,这里打开网页就不再是localhostconst os = require("os");const interfaces = os.networkInterfaces();function hostIp() { var IPv4 = null; if (process.platform === "darwin") { // Mac平台原创 2021-05-20 21:15:33 · 1063 阅读 · 0 评论 -
vuex的简单用法
vuex 梳理什么是vuexvuex 是为vue 应用程序开发的状态管理模式,简单的理解就是公共变量管理工具,用于组件间通信vuex解决了什么问题多个组件依赖于同一状态时,对于多层嵌套的组件的传参将会非常繁琐,并且对于兄弟组件间的状态传递无能为力。来自不同组件的行为需要变更同一状态。以往采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。以上的这些模式非常脆弱,通常会导致无法维护的代码。什么时候用到vuex当项目遇到以下两种场景时多个组件依赖于同一状态时来自不同组件原创 2021-02-28 17:05:22 · 150 阅读 · 0 评论 -
点击下载word或者其他格式文档
点击下载word文档将要下载的内容传给后端,后端返回内容的流数据,前端点击触发接口并下载doc文件this.$http.get('bigData-api/fire/fireAnalyseReportDownload',{ headers: { // 请求头 contentType: 'application/json;charset=UTF-8', re...原创 2020-04-19 21:15:22 · 371 阅读 · 0 评论 -
element-ui中做表单验证的rules规则的配置项
rules规则配置项github文档原创 2019-11-22 14:21:28 · 3032 阅读 · 0 评论 -
Vue指令、样式及类名绑定、methods、computed、watch
Vue指令、methods、computed、watch、vue的指令有:v-html、v-text、v-show、v-if、v-else、v-else-if、v-for、v-on、v-bind、v-model、v-slot、v-once、v-pre、v-cloak共14种。其中:1、v-html和v-text是用来数据展示的,两者区别:v-html可以识别标签并解析,v-text不会识别...原创 2019-07-25 21:46:55 · 424 阅读 · 0 评论 -
vue列表循环非响应式情况
vue列表循环非响应式情况数组的length无法响应处理手段: 使用 arr = null arr.splice( 0 )当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue处理手段: Vue.set / this.$set例子:<body> <div id="app"> ...原创 2019-08-01 21:59:51 · 259 阅读 · 0 评论 -
Vue自定义指令、混入mixin、自定义插件、异步组件、过渡和动画
1、自定义指令业务: 当我第一次打开页面时,自动获取搜索框的焦点,用一个指令实现<body> <div id="app"> <input type="text" v-focus> </div></body><script src="../../lib/vue.js"></script>...原创 2019-08-01 22:05:17 · 452 阅读 · 0 评论 -
Vue的脚手架工具cli安装
vue项目的快速构建工具 cli 【 脚手架 】什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具,底层使用的是webpackcli目前有哪些版本?cli2 cli3cli3对电脑的配置有一定要求cli如何使用?cli的安装npm/cnpm/yarn 都可以使用 【 npm和yarn 配置国内镜像 】使用国内镜像加速npm和yarn...原创 2019-08-01 22:10:38 · 519 阅读 · 0 评论 -
前端框架级之数据请求的axios和fetch方法
前端框架级之数据请求的axios和fetch用法此之前,看到了Vue,了解到了前端的3种框架级的数据请求方法:axios(第三方库)fetch(js原生)Vue.resource(这是Vue自己封装使用的类库,但比较久以前,其作者就已经放弃更新了,Vue.resource的用法和axios相似度很高 >90%,Vue2.0基本上用的都是前两者了,Vue.resource有...转载 2019-08-06 14:44:46 · 482 阅读 · 0 评论 -
Vue知识点小小小总结
1、原理性:vue双向数据绑定:我们使用v-model这个指令来实现,数据改变,视图改变,视图改变,数据也随之改变,vue是通过数据劫持和订阅发布来进行深入响应的,数据劫持指的是,vue通过es5的Object.defineProperty属性对data选项中的数据进行getter和setter设置,订阅发布指的是vue通过之定义自定义事件将data的变化反映到视图上去,vue通过o...原创 2019-08-22 09:03:58 · 312 阅读 · 0 评论 -
vue的深入响应式原理、数据驱动原理、双向数据绑定原理解释
vue的深入响应式原理、数据驱动原理、双向数据绑定原理解释1、深入响应式原理:- 数据模型仅仅是普通的javascript对象,而当你修改它们时,视图会更新2、数据驱动原理:- 数据改变,视图改变3、双向数据绑定原理:- 我们使用v-model这个指令来实现,数据改变,视图改变;视图改变,数据也随之改变。公共答案部分:- vue是通过数据劫持和发布订阅来实现这一功能的。数据劫...原创 2019-09-25 18:12:53 · 789 阅读 · 0 评论 -
vue做项目时的一些备忘点
一、vue的vue.config.js文件配置:(路径别名+反向代理)//在项目根目录下建vue.config.js文件//webpack配置(反向代理+路径别名配置)const path = require('path')module.exports = { devServer : {//反向代理配置 proxy : { '/ajax':...原创 2019-10-06 20:51:12 · 149 阅读 · 0 评论 -
组件化-组件-组件注册-is-动态组件-动态缓存-组件嵌套-组件的数据-组件通信
组件Vue有两大核心内容指令组件什么是组件化?【 为什么要用组件 】为了避免多人开发造成的冲突为了加快开发效率为了便利更新和维护组件化: 就是使用具有独立功能的一个整体【 组件 】来进行项目开发的一个趋势 【 流行 】什么是组件?组件是一个html css js img 等的一个聚合体在Vue中使用了一个叫做单文件组件的技术来实现组件它是一个 ...原创 2019-07-30 21:25:20 · 341 阅读 · 0 评论 -
Vue背景
Vue.js认识Vue.jsVue是一个渐进式的javascript框架渐进式 【 越学越难 】Vue的作者是 尤雨溪Vue是一个个人项目 【 React是facebook的团队项目 】Vue是一个MVVM框架 【 MVVM是MVC的衍生架构 】扩展: 司徒正美 avonlon.js 也是MVVM框架,也是个人项目Vue是一个单项数据流的框架Vue版本发布的...原创 2019-07-25 17:09:24 · 545 阅读 · 0 评论 -
Nodejs中,将自定义模块上传至npmjs
Nodejs中,将自定义模块上传至npmjs.com官网方法在文件根目录下,创建package.json文件,这里记录了项目开发依赖,npm脚本。$npm init -y2.注册npm官网账号3.检查电脑是不是npm的源(可以用 $ nrm ls 来查询,如果不是,要用 $ nrm use npm命令来修改)。4.命令行登录到npm仓库$ npm adduser这...原创 2019-06-21 22:17:59 · 281 阅读 · 0 评论 -
Vue中关于watch、methods、computed的区别
Vue中关于watch、methods、computed的区别1、watch是用来监听某一数据的,当数据发生改变时,watch就会自动触发,然后我们可以进行一些任务。2、methods常用来存放一些事件处理函数。3、computed是为了暴露一个全局变量,这个全局变量是经由一定逻辑产生的。什么时候选择watch?什么时候选择methods?什么时候选择computed?数据量较大,并且...原创 2019-06-22 17:29:39 · 256 阅读 · 0 评论 -
关于Vue中新老版本slot插槽,属性验证validator,过滤器fliter的用法
关于Vue中新老版本slot插槽,属性验证validator,过滤器fliter的用法1、插槽(Slot)是Vue提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的,而插槽在哪里显示就由子组件来进行控制1-1、老版本slot插槽:<!DOCTYPE html>...原创 2019-06-26 19:38:58 · 573 阅读 · 0 评论 -
vue-router进阶
vue-router 进阶动态路由 & 路由传参 & 路由接参动态路由:url中路由是改变的,但是改变路由公用一个组件举例:localhost:3000/detail/001?a=1&b=2localhost:3000/detail/002?a=2&b=3detailvue cli3 配置反向代理在根目录下面新建一个 vue.c...原创 2019-07-07 20:03:00 · 107 阅读 · 0 评论 -
vue-router路由基础
Router 路由相关SPA ( single page App ) 单页面应用多页面应用有多个html文件,通过a标签的连接联通各个页面缺点开发起来太冗余,编译、压缩很耗时间页面之间的跳转速度太慢单页面应用不需要刷新页面,因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现,就是用路由了如今我们的app主要的开发形式就是spavue路由...原创 2019-07-02 20:50:37 · 131 阅读 · 0 评论 -
Vue的生命周期及其相应的三个阶段解读
Vue的生命周期及其相应的三个阶段解读1、生命周期的概念: vue中的生命周期指的是 组件 从创建到销毁一个过程,在这个过程中,我们在每一个特定的阶段会触发一些方法( 这些方法具备一些功能),我们给这些方法起了个名字叫做 生命周期钩子函数(组件钩子 )。2、为什么要学习生命周期? 因为我们想在生命周期钩子中实现项目功能,那么我们必须知道每一个钩子函数的具体用途。3、Vue生命周...原创 2019-06-27 16:55:32 · 2085 阅读 · 0 评论 -
说说Vue中的虚拟Dom和diff算法
说说Vue中的虚拟Dom和diff算法一、什么是虚拟Dom?虚拟Dom即vdom,它是一个Object对象模型,用来模拟真实的Dom节点的结构。//这里写个需求,看vdom如何模拟真实dom:如果这里我想写这样一个结构: <div class = "box"> <ul> <li> 人间天堂 </li>...原创 2019-06-24 20:35:57 · 684 阅读 · 0 评论 -
组件生命周期的组件钩子之外部内部销毁
组件生命周期的组件钩子之外部/内部销毁第三步的销毁:beforedestroy / destroyed销毁方式:最大区别就是第二种无法销毁dom结构1、通过开关销毁(flag,可以销毁该组件的dom结构)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-06-27 21:17:02 · 464 阅读 · 0 评论 -
vuex小记
Vuex状态管理(vuex) store(集中式的存储管理)什么时候用: 打算开发中大型应用集中式数据管理, 一处修改,多处使用思维流程:store.jsthis.store.commit(′increment′)−>mutationsthis.store.commit('increment') -> mutati...原创 2019-07-09 09:30:29 · 118 阅读 · 0 评论 -
关于Vue中写轮播图的一些需注意的
关于Vue中写轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2019-06-28 19:48:57 · 735 阅读 · 0 评论 -
Vue-cli3的一些问题记录
Vue-cli3的一些问题记录什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具,底层使用的是webpackcli目前有哪些版本?cli2 cli3cli3对电脑的配置有一定要求,不是所有电脑都能安装cli如何使用?cli的安装 npm/cnpm/yarn 都可以使用 1. $ yarn add @vue/cli ...原创 2019-06-29 15:35:14 · 493 阅读 · 0 评论 -
webpack 的基本概念和配置
title: webpack 的基本概念和配置tags: [webpack]date: 2019-06-28 09:05:17categories: webpackwebpack 的基本概念和配置一、市面上有哪些类似于 Webpack 的前端工程化工具?grunt (14-16年)gulp ( 4.x ) 流的操作 .pipe()Browserify ( Webpack ...原创 2019-06-29 22:13:23 · 523 阅读 · 0 评论 -
深入Vue2.x的虚拟dom和diff算法原理
本文转载于:https://blog.csdn.net/m6i37jk/article/details/78140159作者简介:汪玉林,高级工程师,增值产品部前端Leader,目前团队负责手Q游戏中心、手Q游戏运营、手Q阅读等项目,有丰富的Web前端架构经验。一、前言Vue的核心是双向绑定和虚拟DOM(下文我们简称为vdom),关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双...转载 2019-07-29 11:08:57 · 7764 阅读 · 0 评论 -
关于JS里面的一些时间的小问题:
关于JS里面的一些获取本地时间的小问题:JS中我们一般获取时间来做一些计时器,比如倒计时时钟://1.获取系统当前时间<script> var d1=new Date(); d1.getMonth();/*这里获取的月份数比实际小1,也就是用这种方式获取的月份要得到正确值应该:d1.getMonth()+1这里console.log(d1)在控制台输出的是正常的时间。*...原创 2019-06-21 18:51:56 · 141 阅读 · 0 评论