web前端
落笔千章,难诉衷肠
人世几回伤往事,山形依旧枕寒流。
展开
-
webpack之proxyTable设置跨域
为什么要使用proxyTable很简单,两个字,跨域。 在平时项目的开发环境中,经常会遇到跨域的问题,尤其是使用vue-cli这种脚手架工具开发时,由于项目本身启动本地服务是需要占用一个端口的,所以必然会产生跨域的问题。当然跨域有多种解决方式,这里就不一一例举,下次弄篇文章单独讲,在使用webpack做构建工具的项目中使用proxyTable代理实现跨域是一种比较方便的选择。 如何使用pr...转载 2019-07-06 11:47:36 · 286 阅读 · 0 评论 -
vue中组件的3种使用方式详解
前言组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在vue angular react三大前端框架的大前端时代。许多人选择了vue,在 github 上的star,vue已经超过react的数量了。虽然star并不能代表vue更强,不过在发展速度上看来,vue确实很快。在模块化的前端时代,万物皆组件,vue学习组件是必不可少的。可是在大多数...转载 2019-07-11 12:01:59 · 2092 阅读 · 1 评论 -
vue mounted组件的使用
1.钩子函数钩子函数是Windows消息处理机制的一部分,通过设置“钩子”,应用程序可以在系统级对所有消息、事件进行过滤,访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序,通过系统调用,把它挂入系统。(百度百科)2.相对于前端来讲对于前端来说,钩子函数就是指再所有函数执行前,我先执行了的函数,即 钩住 我感兴趣的函数,只要它执行,我就先执行。3.vue中的...转载 2019-07-11 11:45:28 · 2939 阅读 · 0 评论 -
vue组件 $children,$refs,$parent的使用详解
本文介绍了vue组件 $children,$refs,$parent的使用,分享给大家,也自己留个笔记如果项目很大,组件很多,怎么样才能准确的、快速的寻找到我们想要的组件了??1)$refs首先你的给子组件做标记。demo :<firstchild ref="one"></firstchild>然后在父组件中,通过this.$refs.one就可以访问了这个...转载 2019-07-11 11:38:22 · 666 阅读 · 0 评论 -
vue之父子组件间通信实例讲解(props、$ref、$emit)
组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信,也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点,来讲解如何实现父子组件间通信。在说如何实现通信之前,我们先来建两个组件father.vue和child.vue作为示例的基础。? 1 2 ...转载 2019-07-11 11:34:12 · 142 阅读 · 0 评论 -
vue-router 按需加载 component: () => import() 出现错误
vue的单页面(SPA)项目,必然涉及路由按需的问题。以前我们是这么做的 1 2 //require.ensure是webpack里面的,这样做会将单独拉出来作为一个chunk文件 const Login = r => require.ensure( [], () => r (require('../component/Login.vu...原创 2019-07-06 11:50:25 · 6753 阅读 · 0 评论