Vue
BoReFrontEnd
互帮互助,欢迎指正
展开
-
npm 安装 chromedriver 失败的解决办法
npm 安装 chromedriver 时,偶尔会出错,错误提示类似于:> chromedriver@2.46.0 install C:\Users\lixia\Desktop\gitLab\logistics-web\node_modules\chromedriver> node install.jsCurrent existing ChromeDriver binary i...原创 2020-04-07 15:20:35 · 11080 阅读 · 5 评论 -
vue项目在webstorm中将某文件设置成根目录后,webpack配置方法
第一步:右击common -> Mark Directory as -> Resource Root第二步:查看common 文件是否是紫色,是紫色说明设置成功第三步:build文件下的webpack.base.conf.js 中 resolve 对象修改为如下代码resolve: { extensions: ['.js', '.vue', '.json...原创 2019-08-28 18:23:47 · 1971 阅读 · 1 评论 -
【进阶】兄弟组件之间的数据共享
标题 Provide/Inject 机制 推荐 × √ 代码示例 // ParentComponent.vue<template> <div> <BrotherComponent :bucket="fruitBucket"></BrotherComponent...原创 2019-07-26 16:03:43 · 625 阅读 · 0 评论 -
10分钟看懂vue生命周期
什么是生命周期?简而言之:从生到死的过程,从Vue实例创建-运行-销毁的过程Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程创建期间生命周期方法beforeCreate:created:beforeMountmounted运行期间生命周期方法beforeUpdateupdated销毁期间的生命周期方法b...原创 2019-07-01 12:44:55 · 179 阅读 · 0 评论 -
解决 vue安装stylus预处理之后出现的错误 npm install --save !!vue-style-loader!css-loader 的问题
错误代码提示片段To install it, you can run: npm install --save !!vue-style-loader!css-loader?解决方案npm install stylus stylus-loader style-loader --save-dev出现下面代码 表示安装成功了C:\Users\User\Desktop\my.serve>...原创 2019-07-12 21:01:13 · 4539 阅读 · 1 评论 -
keep-alive:组件级缓存详细用法
页面缓存在Vue构建的单页面应用(SPA)中,路由模块一般使用vue-router。vue-router不保存被切换组件的状态,它进行push或者replace时,旧组件会被销毁,而新组件会被新建,走一遍完整的生命周期。**但有时候,我们有一些需求,比如跳转到详情页面时,需要保持列表页的滚动条的深度,等返回的时候依然在这个位置,或者填写表单时,跳转到下一页在返回时,需要保存刚才表单填写的状态,...原创 2019-05-24 19:17:49 · 734 阅读 · 0 评论 -
vue获取验证码以及倒计时60秒方法
完整的获取验证码方法,上干货。<template> <div class="login-content"> <van-cell-group> <van-field label="手机号" type="tel" v-model="phone" :error="phoneError && !phone" m...原创 2019-04-30 16:06:05 · 4482 阅读 · 2 评论 -
在vue项目中使用微信js-sdk ,解析返回url,获取微信code,
直接上干货,如有不懂欢迎留言,如有错误,欢迎指出vue组件<script> import {authPageBaseUri, homePage, wechatAppId} from 'config' import {extractQueryParams} from 'utils' export default { name: 'home', data (...原创 2019-04-28 17:08:46 · 2877 阅读 · 2 评论 -
vue 中使用axios + promise封装请求api ——方案(一),小白可以直接拿走复用
中文文档地址 https://www.kancloud.cn/yunye/axios/234845我们在项目搭建好之后,需要请求api获取数据,那么最好的的方法就是用axios,那么axios怎么优雅的使用呢?请继续阅读。1、安装使用 npm:$ npm install axios使用 bower:$ bower install axios如果项目中已经安装了axios,那...原创 2019-04-28 15:00:41 · 3286 阅读 · 0 评论 -
Vue自定义组件通过v-model实现父子组件双向同步通信
父组件<template> <div> <child v-model="name"/> {{name.ab}} {{name.ac}} </div></template><script>import child from './child'export default { name: 'paren...原创 2019-04-18 14:21:20 · 190 阅读 · 0 评论 -
VUE——父组件获取子组件的数据
refs访问组件实例父组件是行为主体,父组件主动获取子组件数据子组件通过方法公开只读数据代码实例// ParentComponent.vue&amp;lt;template&amp;gt; &amp;lt;div&amp;gt; &amp;lt;ChildComponent ref=&quot;child&quot;&amp;gt;&amp原创 2019-03-14 17:36:29 · 1089 阅读 · 0 评论 -
vue代码复用方法 - Mixins
Mixins 是 Vue.js 提供的,用于代码复用的非常有用的特性,尤其是针对函数的复用。Mixins 是混合的意思,Vue 实例引用 mixins 文件,mixins 对象中的公共方法会合并到 Vue 实例中被复用。以下是完整的 mixins 使用示例,请按照以下列举的规则使用 mixins。示例// toggleMixin.jsconst toggleMixin = { data...原创 2019-02-18 14:49:58 · 2043 阅读 · 0 评论