在vue2.0渲染层做了根本性的改动,那就是引入了虚拟DOM。 vue的虚拟dom是基于 snabbdom 改造过来的。了解 snabbdom的原理之后再回过头来看 vue的虚拟dom结构的实现。就难度不大了! 于是,这…
分类:vue.js教程
如何在vue中实现px自动转换成rem,实现多手机的尺寸适配问题?
1.安装插件postcss-px2rem在终端执行:npm install postcss-px2rem –save2.在build/vue-loader.conf.js 中配置使用postcss-px2re…
工程搭建---代码风格统一
一个项目是会有多个成员来开发的,因此统一开发规范是很有必要的,不然每个人都有自己的风格,同步之后代码都会报错。我这边是用Vscode编译器的。 首先用vue-cli3.0创建一个工程其中选择eslint+prettier…
windows10下,零基础学习VUE(1)--环境配置服务启动(vscode(安装插件vetur)+flask)
Step1:安装node.js 安装后可以使用npm工具 配置npm工具,使用国内镜像 npm install -g cnpm –registry=https://registry.npm.taobao.or…
如何实现vue中不跳转不闪动页面刷新?provide /inject 完美解决方案
在vue的项目中刷新功能你会怎么写?我之前一直用this.$router.go(0)这个方法用户体验很不好,因为页面会闪动一下刷新直到我发现了这个方法 provide /inject 不过这个方法貌似有兼容问题,首先要确…
vue 使用v-for动态生成的ref不能通过this.refs.name获取到内容
在vue的项目中做图片上传时,我通过上传图片后获取到input中的files属性将其进行处理,然后将其转换为base64传给后台。 这个方法用在非v-for上动态生成的ref上时,可以通过 this.$refs.name…
vue自定义指令update 和 componentUpdated及bind 和 inserted区别
1. 适用 需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令 2. 钩子函数参数 除了 el 之外,其它参数都应该是只读的,切勿进行修改 <div v-if="show" v-my-directive…
大前端必备知识
一、vue的基础知识 vue实现双向绑定原理 1、Object.defineProperty()中的set/get设置属性值/获取属性值 2、过程 Observer劫持并监听所有属性 发生变化,通知Dep观察者(upda…
最近印象深的代码片段
消息铃抖动 <el-badge :value="msgNum" :max="99"> <div :class="{'shaking':shake}"> <i class="el-icon-b…
VUE 引入iconfont图标
VUE 使用svg 选图标 在Iconfont-阿里巴巴矢量图标库上把需要的图标添加至项目,并下载至本地。 将下载的iconfont.js文件导入至自己的项目。 定义Icon组件 // src/common/Icon-s…
vuejs2.0 vsCode router前后端分离权限 vueAdmin后台基础模板
感觉不错的开源项目,所以搜集资料来细致的剖析,帮助更多人尽快步入后台系统的开发,其实后台项目有两个最基础最重要的东西就是:权限验证和安全性,关于VSCode是最近很火的编辑器不做过多说明,下面的参考资料有详细讲解 第三方…
项目实战-在Vant的基础上实添加验证框架
Vant 一套基于Vue的移动端UI框架,有赞出品。 因为UI设计的够漂亮,源码结构也比较清晰,插件定位也比较明确,重要是实战过程中的使用体验不错。在最近的项目当中就使用 Vant 作为移动端的基础UI框架,但在实践过程…