随笔分类 - vue
摘要：解决办法： 代码： <style lang="scss"> .el-table { .el-table__fixed { height:auto !important; // 此处的important表示优先于element.style bottom:17px; // 改为自动高度后，设置与父容器的
阅读全文
摘要：用于缓解首屏加载缓慢 1. vue异步组件 vue-router配置路由 , 使用vue的异步组件实现按需加载 { path: '/home', name: 'Home', component: resolve => require(['@/components/home'],resolve) }
阅读全文
摘要：为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 三、使用 常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import 1、未用懒加载，vue中路由代码如下 import Vue from '
阅读全文
摘要：转载：https://www.jianshu.com/p/f866c8ac4d02 vue中，组件传值的方法常见的也就那几种： 1.父组件向子组件传值，用props 属性， 2.子组件主要通过事件传递数据给父组件子向父传数据可以用$emit触发传，但是这种方法无法实现兄弟组件直接传数据 3.利用pr
阅读全文
摘要：原文链接：https://blog.csdn.net/weixin_45127981/article/details/90699150 Vue核心思想：数据驱动、组件化 一、数据驱动 传统的前端数据交互是用Ajax从服务端获取数据，然后操作DOM来改变视图；或者前端交互要改变数据时，又要再来一次上述
阅读全文
摘要：转载：https://www.cnblogs.com/feng9exe/p/11017698.html Vue的核心思想为数据驱动和组件化。 一、数据驱动——双向绑定 Vue是一种MVVM框架。而DOM是数据的一个种自然映射。传统的模式是通过Ajax请求从model请求数据，然后手动的触发DOM传入
阅读全文
摘要：一、计算属性computed 计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。多次访问计算属性会立即返回之前的计算结果，而不必再次执行函数。对比普通函数方式，每次访问都需要执行一遍函数。 计算属性默认只有 getter ，不过在需要时你也可以提供一个 sett
阅读全文
摘要：https://blog.csdn.net/oumaharuki/article/details/78861778
阅读全文
摘要：const {href} = this.$router.resolve({path:"/hosScreen"}); window.open(href, '_blank'); const {href} = this.$router.resolve({path:"/hosScreen"}); windo
阅读全文
摘要：.prevent 用于阻止默认事件，点击a标签href可以打开相应的链接，那么给事件加 上此关键字，click.prevent .capture 冒泡顺序 例如 div1中嵌套div2中嵌套div3 此处的代码因为div2有capture关键字，所以此时冒泡的顺序发生了改变 正常情况下： 点击div
阅读全文
摘要：<slot>元素作为承载分发内容的出口，可以理解为一个占位符，或者说是子组件暴露的一个让父组件传入自定义内容的接口。 插槽内可以包含任何模板代码，包括 HTML，甚至其他的组件。 slot有三种类型 默认插槽 default 具名插槽 name 作用域插槽 v-slot 在子组件中： 插槽用<slo
阅读全文
摘要：Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://mint-ui
阅读全文
摘要：一、父组件向子组件传递数据 在 Vue 中，可以使用 props 向子组件传递数据。 子组件部分： 这是 header.vue 的 HTML 部分，logo 是在 data 中定义的变量。 如果需要从父组件获取 logo 的值，就需要使用 props: ['logo'] 在 props 中添加了元素
阅读全文
摘要：vue的第一篇文章，介绍一下简单的nextTick方法的实现原理； vue是非常流行的框架，他结合了angular和react的优点，从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时，我们经常用到一个方法是this.$nextTick，相信你也用过
阅读全文
摘要：在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下： 1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页
阅读全文
摘要：一 用对象的方法绑定class 最后实现效果 关于使用对象绑定class,还可以用另外一种写法: 最后的实现效果是: 二 用数组的方法绑定class 很简单,举个栗子: 实现效果: 其实在数组中还可以用判断是否显示这个类名,举个例子: 实现效果是: 三 用数组和对象混合的方法绑定class 举个例子
阅读全文
摘要：简略回答 假设父组件中有一个show数据,show="one":is="show"-->实际上是is="one" is="show"-->实际上就是is="show" 详细解释 结果
阅读全文
摘要：beforeCreate：在实例初始化之后，**数据观测(data observer) ** 和 event/watcher事件配置 之前被调用，注意是 之前，此时data、watcher、methods统统滴没有。 这个时候的vue实例还什么都没有，但是$route对象是存在的，可以根据路由信息进
阅读全文
摘要：首先，每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉； 可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数，然后我们再一一详解: b
阅读全文
摘要：1.下载nodeJS，官网 https://nodejs.org/en/ 。 2.安装nodeJS.安装完成后可以检测node -v 如果版本号的话则正常。 3.安装淘宝镜像.npm install -g cnpm --registry=https://registry.npm.taobao.org
阅读全文
