Vue
success-ladder
这个作者很懒,什么都没留下…
展开
-
vue常用指令
一、v-text:简写: {{}}作用:1、解析数据2、可以解析JS的表达式底层原理:应用类似于innerText的方法<h2 v-text="msg.x"></h2><h2>{{msg.y}}</h2>var vm = new Vue({ el:"#app" , data:{ msg:{ x:191011, ...原创 2019-07-22 22:41:40 · 746 阅读 · 0 评论 -
回流和重绘
什么是回流?当渲染树中的一部分或者全部,因为元素的尺寸、布局、隐藏等改变而需要重新构建的时候就会发生回流。1、对DOM元素进行增、删、改2、元素的位置发生改变3、元素尺寸改变4、内容改变5、页面第一次渲染时什么是重绘?1、回流的时候,浏览器会使渲染树中受到影响的元素失效,并重新绘制这个部分的渲染树2、完成回流以后,浏览器会重新绘制受到影响的元素到屏幕中,这个过程就是重绘【注】每...原创 2019-07-22 21:30:19 · 126 阅读 · 0 评论 -
什么是单向数据流
当父组件给子组件传递数据的时候,子组件只允许进行数据的读操作,不允许做数据的改操作,因为当子组件改变父组件传递过来的数据的话会造成数据流难以理解。(简单分析一下:当子组件中更改了父级的内容时,其他需要引用父级组件也会被更改,从而导致父级组件在与其他组件结合时报错,但是报错无法确认是当前组件错误还是父组件错误还是更改父组件信息的子组件的错误)所以,总结:父组件传递给子组件的信息不允许在子组件内被...原创 2019-08-05 08:52:55 · 2365 阅读 · 0 评论 -
Vue路由传值的三种方式
1、动态路由//1、在定义路由的时候通过/:属性/:属性 来定义传递的属性 例如:path:"/detail/:id/:name"//2、在路由跳转的时候在created(创建后)中,通过/值/值将当前页面的数据传递到对应跳转的组件中去 例如:<router-link :to="'/detail/' + item.id + '/' + item.name" ta...原创 2019-07-30 21:55:42 · 615 阅读 · 0 评论 -
axios封装及应用
// axios二次封装import axios from "axios";const server=axios.create({ // baseURL:"", timeout:5000, withCredentials:true})// 拦截器server.interceptors.request.use((config)=>{ if(conf...原创 2019-08-23 16:07:05 · 342 阅读 · 0 评论