- @q3254421
简介
该用户还未填写简介
擅长的技术栈
可提供的服务
暂无可提供的服务
在开发过程中经常会发现当页面明明不应该出现的元素或内容会闪现一下然后消失，最近研究了一下这个问题的原因和解决办法，这里和大家分享一下。1.闪现的原因这个问题是因为Vue要等到HTML DOM加载完成后才会执行JS的编译，所以对使用的指令如 v-if , v-show 或者使用了插值表达式 {{}} 都会出现闪现的情况。因为在这些判断条件或表达式执行之前，DOM已经渲染出来了，之后Vue才会执行..
vue router 的初始化使用步骤我们首先来看 vue-router 的使用步骤，然后再分别去看各个步骤都发生了什么。使用 vue-router 需要经过一下几个步骤：引入 vue-router：import VueRouter from 'vue-router';利用 vue 的插件机制，加载 vue-router：Vue.use(VueRouter);实例化 VueRou...
Vue props用法详解组件接受的选项之一 props 是 Vue 中非常重要的一个选项。父子组件的关系可以总结为：props down, events up父组件通过 props 向下传递数据给子组件；子组件通过 events 给父组件发送消息。父子级组件比如我们需要创建两个组件 parent 和 child。需要保证每个组件可以在相对隔离的环境中书写，这样也能提高组件的可维护性。...
vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。下面给大家来贴一下我的vuex的结构下面是store文件夹下的state.js和index.js内容//state.jsconst state = {headerBgOpacity:0,loginStatus:0,count:66}export default state//ind...
Vue.extend or vue-class-component使用 TypeScript 写 Vue 组件时，有两种推荐形式：Vue.extend()：使用基础 Vue 构造器，创建一个“子类”。此种写法与 Vue 单文件组件标准形式最为接近，唯一不同仅是组件选项需要被包裹在 Vue.extend() 中。vue-class-component：通常与 vue-property-dec...
在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了三大类钩子，两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数：1、Vue.beforeEach(function(to,form,next){}) /在跳转之前执行/2.Vue.afte...
Prop基本用法Prop的基本用法很简单，只需要在子组件的Vue实例中定义该属性并把值设为目标属性的数组即可Vue.component('child', {...// 接收messageprops: ['message']...})tips：由于HTML中的属性是不区分大小写的，所以当使用DOM中的模板（HTML中）时，驼峰写法需要转化为短横线写法。但是，如果使用字符串...
安装vue依赖使用npmnpm install echarts --save使用yarnyarn add echarts使用国内的淘宝镜像：//安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org//从淘宝镜像下载cnpm install echarts -S引入ECharts安装好...
1.Axios中post传参数组（java后端接收数组）虽然源数据本身就是数组，但是传参时会自动变成key:数值或者服务器无法接收的对象，如下如果不仔细看，很容易认为这两种情况没毛病。。（后端不背锅，哈哈）第一种方式转化为数组：JSON.stringify_this.item.push(row.id);//此处_this.item是数组const params = new URLSe...
Vue通过ref父子组件拿值方法<!doctype html><html><head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/