TEtryandtry

VUE

CSS(24) git(5) HTML(7) javascript(14) mongodb(1) node(8) REACT(2) vscode(1) vue.js(3) word(1) 前端面试(3) 小程序代码报错(1) 小程序配置项(1)

/ 注册

全部文章 / VUE （共22篇）

vue中mixin混入和vuex状态管理相比较

关于混入（mixin）,vue官方是这么解释的：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。刚开始理解可能不太好理解，也就是这么个意思，你可以在混入中...

vue

2020-12-07

0 701

vue响应式数据更新，新手对vue响应式数据更新的误解

问题：刚学习vue的人可能会遇到这样一种情况，那就是当我们把属性在data中定义，接口异步请求到数据，并且把值赋值到我们在data中定义的值上，但是dom却没有更新，这时候我们可能就在想，为什么了？是不是vue有问题啊，妈的，vue有毛病吧。 <div id="app"&...

vue react

2020-11-28

0 643

Vue、React中为什么不建议key值使用index

当数组中的数据发生变化时: React 比较更新前后的元素 key 值，如果相同则更新，如果不同则销毁之前的，重新创建一个元素。当以数组的下标index作为key值时，其中一个元素发生了变化就有可能导致所有元素的key值发生改变。所以，index作为key值和没加index是一样的，并不能提升性...

vue react

2020-11-28

0 652

2020-11-02

created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次； activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面...

2020-11-28

1 512

query路由传参如何传递对象

1、JSON转译 //传参 this.$router.push({name:'Wapsort',query:{classification: JSON.stringify(item)}},() => {},err => {}); //接收 JSON.parse(this.$route....

2020-11-28

0 981

vue路由传参刷新页面数据丢失问题

问题: 在写项目的时候，使用params路由传参，刷新页面，结果参数报错消失。原因：使用params传参的时候，当你跳转到子页面，如果你刷新页面，代表就不是从父级页面跳转过来的，参数当然会消失。问题解决： 1、使用query传参数，因为query是在链接之中携带的参数，相当于get请求，你即便...

2020-11-28

0 902

this.$nextTick

this.$nextTick将回调延迟到下一次DOM更新渲染之后执行，在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。官方解释：https://cn.vuejs.org/v2/api/#vm-next...

2020-11-28

0 439

it does not contain a package.json file

今天在vue中安装bootstrap的时候出现了问题，记录一下。根据官网教程，在vue中安装bootstrap，必须首先安装jquery，因为bootstrap是基于jquery所写的。我安装的时候，因为没有找到bootstrap文件，所以安装了两遍，第二遍的时候，突然出现了it does not...

2020-09-16

0 929

Component template should contain exactly one root element. If you are using v-if on multiple elemen

写vue，报了一个Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. ...

2020-09-16

0 625

2 errors and 0 warnings potentially fixable with the `--fix` option，vue-cli3中eslint详解

当我们创建vue项目的时候，我们往往会选择linter/Formatter，eslint-config-standard,下面我放张vue图形化配置界面但这往往是进坑的开始特别注意一下这里的插件： "standard"插件代表的是eslint的standard插件都要安装...

2020-09-16

0 1841