随笔分类 - VUE
VUE框架知识点
摘要：最近重学React，再次和vue做了对比。 一，为官方插件提供便利的第三方插件横行 React仅仅是一个ui框架。虽然官方提供了redux，react-router；但也有第三方的redux-thunk，redux-saga；还有react-router-dom。 而对于vue来说，习惯上第三方提供
阅读全文
摘要：最近在读《变量》，目前得到的认知之一：慢变量才是决定事物长期发展的因素。 打算自定义vue-cli的脚手架或者根据自己的需要设置项目模板的相关参数，很大程度与慢变量这个概念相关。 当然，我还有一个想法或者认知：我的技术方向不是成为技术大神，而是成为快速开发app的高手，准确的说是高效开发App的高手
阅读全文
摘要：本文参考的是前辈的简易版本Vue实现：http://www.cnblogs.com/canfoo/p/6891868.html，感谢。前辈GitHub地址：https://github.com/canfoo/self-vue 虽然前辈的文章写的已经很浅显了，但依然没有一开始就看懂代码啊，对了，前辈的
阅读全文
摘要：总体分为2个步骤 一，先写好插件 二，发布到npm上面 一，写vue插件 vue有一个开放的方法install，在vue插件需要写在这个方法里面，在vue官网，里面说的很清楚，这个方法里面可以是全局方法，可以是指令还可以是挂载在原型的方法。 而vue在使用插件时候，需要首先use。 写好插件之后需要
阅读全文
摘要：一，关于响应式数据更新方式的实现 1）只有在data里面定义的数据才会有响应式更新 vue依赖的defineProperty的数据劫持加上依赖数据，实现数据的响应式更新。可以称之为依赖式的响应。因为依赖所以注定了只会更新与data相关的数据。 2）react则是更新在state里面定义的数据 thi
阅读全文
摘要：单页面应用真正开始像一个应用。 多页面是一个松散的结构，即使有个打包工具，可以使用webpack进而使用模块化。但每个页面是封闭的结构。 类比小程序，小程序每个页面同样是封闭，即使可以通过本地存贮进行数据共享，如同多页面也可以额本地存储进行数据共享。但有一点无论是多页面还是小程序都没有做到的。 但是
阅读全文
摘要：一，对象实体对比 vue的对象实体依然是html，而react的对象实体已经变味jsx，一种新的语法结构。 vue的html与react的jsx都可以进行拆分，拆分成更细小的组件，组件之间可以传值。 二，生命周期 显然二者都有生命周期概念，生命周期让静态对象实体变为动态实体。 vue的生命周期： b
阅读全文
摘要：首先是要参考vue服务端渲染教程：https://ssr.vuejs.org/zh/data.html。 本文主要代码均参考教程得来。基本原理如下，拷贝的原文教程。 为了解决这个问题，获取的数据需要位于视图组件之外，即放置在专门的数据预取存储容器(data store)或"状态容器(state co
阅读全文
摘要：想到要学习vue-ssr的同学，自不必多说，一定是熟悉了vue，并且多多少少做过几个项目。然后学习vue服务端渲染无非解决首屏渲染的白屏问题以及SEO友好。 话不多说，笔者也是研究多日才搞明白这个服务端渲染到底是杂么回事！！！ 一，首先实现下官网的基本案例 随便建一个目录，然后执行npm init初
阅读全文
摘要：vue默认采用的是原生的css，如果想要使用css预编译工具，比如sass，需要下载对应的scss的loader， 具体是 之后在vue脚手架的webpack.base.conf.js文件下，加入对应的代码 就是对.scss文件的处理。 而vue文件中，想要直接在style中写代码，需要给style
阅读全文
摘要：异步组件：页面需要用到时候才从服务端加载的组件。 最近研究了vue性能优化，涉及到vue异步组件。一番研究得出如下的解决方案。 原理：利用webpack对代码进行分割是异步调用组件前提。下面介绍的是怎么实现异步组件。 案例： 首先是组件，创建四个组件分别命名为first、second、three和f
阅读全文
浙公网安备 33010602011771号