Vue
文章平均质量分 69
Mr_lwb
生在河北,去过山西,逗留江苏,踩过上海,停在京城......
出身农民,当过菜工,下过建筑,干过保洁,最后闯入IT......
展开
-
vue-cli browserslist浏览器兼容性
1. 介绍你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件),指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。Autoprefixer : PostCSS插件解析C...转载 2019-11-12 10:34:29 · 1984 阅读 · 0 评论 -
vue 初始化页面引导提示实现
<div class="modal" v-if="modalStep === 1"> <p>第一个对话框</p> <button @click="modalStep =2">下一步</button> </div>原创 2019-01-31 16:18:23 · 4659 阅读 · 0 评论 -
webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用
资源相对引用路径问题描述一般情况下,通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的。但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径,那么要解决这种问题,就得引用相对路径。解决办法打开webpack.prod.conf.js找到output:增加 publicPath: './', 即可,如...转载 2018-11-26 12:17:54 · 200 阅读 · 0 评论 -
关于Vue下组件引入第三方外部Js几种方式
第一种方式:利用Vue的mounted生命周期const oScript = document.createElement('script');oScript.type = 'text/javascript';oScript.src = '//g.alicdn.com/sd/smartCaptcha/0.0.1/index.js';document.body.appendChild(oScr...转载 2018-07-03 14:55:04 · 25661 阅读 · 4 评论 -
webpack实现开发、测试、生产等环境的打包切换
使用webpack构建的工程,在开发过程中不同环境的配置不同,在各种环境的打包切换过程中需要手动修改相关配置达到预期目的。但是每次都手动修改会比较麻烦,本文简单介绍如何通过对webpack进行配置,实现不同环境打包分类配置; 1.修改build文件夹下build.js文件 添加声明变量 修改前 修改后 ...转载 2018-04-04 13:59:54 · 3174 阅读 · 0 评论 -
watch 使用
1、watch监听属性data(){ return { num:0 }},watch(){ num(newValue,oldValue){ console.log('newValue: '+newValue+' ,oldValue: '+oldValue); }}2、watch 监听数组data(){ obj:...原创 2018-07-23 14:03:44 · 315 阅读 · 0 评论 -
Vue指令总结
今天主要复习一下我们最熟悉vue指令,想要代码撸得快,就要多看书,多看看官方的文档和学习指令,学习编程是一个非常享受的过程,尤其是你不断地去解决问题,获得一项技能,实现薪水的上涨。进行Vue的指令烹饪吧。v-text :string 用法:更新元素的textContent,更新部分的textContent,需要使用{{Mustache}}插值v-html: string 用法:更新元素的inne...转载 2018-03-09 08:55:13 · 414 阅读 · 0 评论 -
vux 点击事件进行优化
Vux是基于Vue和WeUI的UI组件库。对于应用vux的项目因为点击绑定的是click事件,自然也存在移动端300ms延迟情况。我们可以用fastclick库来解决这个问题,具体步骤如下: 这里以vue+webpack项目目录为例: 安装方法:npm install fastclick --save-devnpm安装完fastclick 后,本地pac原创 2017-11-14 09:32:11 · 1088 阅读 · 0 评论 -
vue computed 与 watch 区别
1、watch一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue 实例将会在实例化时调用 $watch(),遍历 watch 对象的每一个属性html: js:return{原创 2017-10-26 16:41:33 · 2998 阅读 · 0 评论 -
vue 倒计时
{{content}} export default { data(){ return { content: '', } }, props:{ endTime:{ type: String原创 2017-09-12 16:52:26 · 624 阅读 · 0 评论 -
vue router-view详细讲解一
在vue1.0版本的超链接标签还是原来的a标签,链接地址由v-link属性控制而vue2.0版本里超链接标签由a标签被替换成了router-link标签,但最终在页面还是会被渲染成a标签的关于为什么要把a换成router-link还是有原因,比如我们之前一直惯用的nav导航里面结构是(ul>li>a),router-link可以渲染为任何元素,这里可以直接渲染成li标签,同样能实现原创 2017-09-10 01:07:07 · 25606 阅读 · 0 评论 -
vue.js vue组件中style样式中的css引入背景图路径不对,解决方案
解决vue组件css中背景图片路径报错问题前提是你用了vue-cil,那么在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath: '../../'原创 2017-08-22 15:15:52 · 11710 阅读 · 0 评论 -
Vue proxyTable 开发环境下前端和后端真实数据对接问题和解决跨域
当我们前端用Vue开发项目的时候,涉及到前端和后台连调真实数据对接会出现很多问题,比如跨域... .我们需要把本地localhost 地址改为线上访问接口数据地址域名,开发环境API代理设置当前端与现有后端真实数据集成时,通常需要在使用dev服务器时访问后端API。 为了实现这一点,我们可以并行(或远程)运行dev服务器和API后端,并让dev服务器将所有API请求代理到实际的后端原创 2017-08-22 14:52:50 · 7438 阅读 · 0 评论