nextTick() 用于在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM nextTick()是属于异步更新队列 应用场景 在Vue生命周期的created钩子函数进行的DO…
标签:vue.js教程
VUE的搭建
一、安装nodejs,官网下载安装 nodejs下载安装完成后,就可以使用npm命令了 二、安装使用cnpm npm在国内网络不稳定,下载速度慢,我们可以使用淘宝的cnpm进行 npm install -g cnpm -…
Vue 项目尝鲜(三) 常规 Vue 操作
前言 上回我们项目也跑起来了,目录结构也简单了解了,现在我们就开始将我们之前看文档的那些东西,在这边操作一下吧,如果你之前没有看过 vue 文档的话,也没事,先看完我这个,然后再回去学习官方文档。 预备工作 这次的话,我…
vue-cli3.0项目中使用vw——相比flexible更原生的移动端解决方案
亲测,对于vue3.x来说,适配最好 vw 与 vh单位,以viewport为基准,1vw 与 1vh分别为window.innerWidth 与 window.innerHeight的百分之一。 安装命令行输入: ya…
解决iview Page组件无法重置为第一页的问题
1.在Page组件的ref属性中设置一个id值例如:pages,在vue实例中是用$refs[‘pages’]操作该组件即可,如果不明白的可以去vue官网看refs的介绍 <template…
vue模式history下在iis中配置流程
1.npm run build生成代码加密2.在iis添加网站定位到dist文件下第三步第四步配置是www.baidu.com/home一直重新刷新会出现404问题3.安装URL重写https://www.iis.net…
vue-rx的使用
一、各文档介绍 1、rxjs官网 2、vue-rxjs地址 二、环境搭建 1、使用vue-cli构建一个项目 2、安装vue-rx的依赖包 yarn add rxjs yarn add rxjs-compat yarn …
理解Vue中的scoped实现原理及穿透方法
理解Vue中的scoped实现原理及穿透方法 何为scoped 在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说…
关于VUE组件传值间的v-if和v-show的坑
我们都知道v-if不渲染组件,v-show相当于display:none; 但是我们在使用(父子)组件之间传递数据或者调用方法时,因为v-if的渲染机制,会导致你在页面调用引用组件的方法时,会提示对应绑定的ref为und…
第十一课时: 关于Vue组件一些注意的地方
组件的基本使用 注册组件 1.注册组件就是利用Vue.component()方法2.可以理解为一个vue文件就是一个组件 模板要求 组件的模板中只能有一个根元素 组件中的data必须是函数 var app = new V…
Vue实战指南之依赖注入(provide / inject)
案例 UI美眉说咱家的选项菜单太丑了,小哥哥能不能美化一下呀,洒家自然是说小意思啦~自定义一个select组件,so easy~ 简单粗暴型: <el-select v-model="favourite" :opt…
vue学习总结
Vue.extend, Vue.mixin 1.Vue.extend创建一个构造器Vue.component 是用来注册或获取全局组件的方法,其作用是将通过 Vue.extend 生成的扩展实例构造器注册(命名)为一个组…