随笔分类 - vue
vue的前世今生
摘要：今天简单说一下computed和watch的区别。先看代码，两者怎么实现的。 <div id="app"> <input type="text" v-model="firstName"><br> <input type="text" v-model="lastName"><br> <h2>{{ful
阅读全文
摘要：vuex是大家使用vue时大多数都会选择的,但是当页面刷新之后vuex数据会丢失,下面这篇文章主要给大家介绍了关于vuex页面刷新数据丢失问题的四种解决方式,需要的朋友可以参考下 为什么说刷新页面vuex的数据会丢失 刷新页面vuex的数据会丢失属于正常现象，因为JS的数据都是保存在浏览器的堆栈内存
阅读全文
摘要：原理 1.将域名发送给本地服务器localhost 2.再由本地服务器去请求真正的服务器 3.服务端发出的请求，不存在跨域问题 请注意，我们本地开发遇到的这种跨域是位于开发环境(webpack代理服务器)，真正部署上线的跨域是生产环境(nginx服务器，或者后台配cors) 以下是vue.confi
阅读全文
摘要：我们在用vue-cli打包的时候，往往会出现包比较大的情况，webpack4已经帮我们进行了分包的处理，那我们也可以再进行gzip压缩打包，减小包的体积。 1.需要用到的插件： npm i -D compression-webpack-plugint 2.修改vue.config.js 打包，可以看
阅读全文
摘要：一、什么是路由 URL -> 映射 -> 组件 Hash+onhashchange History.pushstate+replaceState+onpopstate 二、准备工作 组件 router-link: 导航，最终默认情况生成a标签 router-view:组件容器，占位符(插座), 相当
阅读全文
摘要：一、什么是组件 组成网页独立功能基本单元(片段), 复用、维护、性能, Vue.js中的组件就是一个Vue的实例,Vue中的组件包含data/methods/computed。 一个Vue.js的应用程序，实际是由一个根组件(实例)+多个子组件(实例)组成。说白了组件其实就是自定义标签。 二、组件化
阅读全文
摘要：前言 Vue采用的是组件化思想，那么这些组件间是如何通信的呢？下面详细介绍一下。 所谓组件间通信，不单单是我们字面上理解的相互传递数据，这里还包括一个组件访问另一个组件的实例方法等，如父组件通过ref访问子组件实例成员，并实现传参。我们先来研究父子组件间是如何通信的。 一、父子组件通信 1. pro
阅读全文
摘要：1.声明式渲染 首先，我们要知道Vue是声明式渲染，那啥是声明式渲染，我们只需要告诉程序我们想要什么结果，其他的交给程序来做。与声明式渲染相对的是命令式渲染，即命令我们的程序去做什么，程序就会跟着你的命令去一步一步执行。 比如Vue通过插值表达式实现声明式渲染；功能：向视图输出内容，语法{{常量|变
阅读全文
摘要：为什么需要虚拟DOM 先介绍浏览器加载一个HTML文件需要做哪些事，帮助我们理解为什么我们需要虚拟DOM。webkit引擎的处理流程，如下图所示： 所有浏览器的引擎工作流程都差不多，如上图大致分5步： 第一步，用HTML分析器，分析HTML元素，构建一颗DOM树。 第二步：用CSS分析器，分析CSS
阅读全文
摘要：前端有三宝，Angular，Vue，React。目前这三大主流JS框架已经成三分之势。其中的React框架是由脸书开发的，今天我们就来聊一聊VueJS的前世今生。 前世 在2013年的js开发者大会上，ReactJS被开源了。我们都知道开源社区是非常强大的，开源的React在短短几年就积累了大量的扩
阅读全文
