随笔分类 -  vue

暂时放弃ts版个人博客转js版博客
摘要：我本打算信心满满的做个vue+ts做个博客的，其实架构搭的差不多了，但是我在用vuex的时候发现一个自己无法忍受的瑕疵，那就是在用vuex的时候，得利于普通版vuex的map语法糖实在太好用，这把我惯出了许些脾气，这也是我坚定选择vue的原因。 ts版： js版： 以上是定义一个vuex 代码其实差 阅读全文
posted @ 2019-11-30 13:45 霜末之冬 阅读(506) 评论(0) 推荐(0)
$nextTick 源码
摘要：x现在没时间，留个坑 阅读全文
posted @ 2019-10-08 11:55 霜末之冬 阅读(169) 评论(0) 推荐(0)
VUE $SET源码
摘要： 阅读全文
posted @ 2019-10-08 11:02 霜末之冬 阅读(152) 评论(0) 推荐(0)
vue watch
摘要：//我们想要一开始就让他执行最初绑定的函数 watch: { firstName: { handler(newName, oldName) { this.fullName = newName + ' ' + this.lastName; }, // 代表在wacth里声明了firstName这个方法之后立即先去执行handler方法 immedia... 阅读全文
posted @ 2019-09-29 15:00 霜末之冬 阅读(160) 评论(0) 推荐(0)
vue 自定义指令
摘要：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。 update：所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。 comp 阅读全文
posted @ 2019-09-06 10:57 霜末之冬 阅读(256) 评论(0) 推荐(0)
v-slot vue2.6新增指令使用指南
摘要：抽离的子组件 <template> <div class="wrapper"> <slot name="demo" :msg="msg" text="this is a slot demo , ">this is demo slot.</slot> </div> </template> <scrip 阅读全文
posted @ 2019-08-22 16:36 霜末之冬 阅读(867) 评论(0) 推荐(0)
.sync 修饰符的理解
摘要：正常 子组件： this.$emit('update:title', newTitle) 父组件： 简洁： 适用于： 简单数据结构场景，子组件修改父组件的值场景模拟双向绑定（扩展v-modol基于inPut的双向绑定）。 阅读全文
posted @ 2019-04-16 10:19 霜末之冬 阅读(184) 评论(0) 推荐(0)
vue-cli脚手架的.babelrc文件
摘要：{ // 此项指明，转码的规则 "presets": [ // env项是借助插件babel-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码，并且设置amd,commonjs这样的模块化文件，不进行转码 ["env", { "modules": false, "targets": { "brows... 阅读全文
posted @ 2019-04-02 16:06 霜末之冬 阅读(369) 评论(0) 推荐(0)
vue-cli3使用cdn引入
摘要：1. index.html引入： 2. vue.config.js配置： 3. .ts中使用 阅读全文
posted @ 2019-02-18 09:21 霜末之冬 阅读(10090) 评论(0) 推荐(1)
记一次vue 普通异步请求微信二进制二维码 乱码 问题解决然后渲染
摘要：后端压力大，前端分忧。 阅读全文
posted @ 2018-05-28 18:05 霜末之冬 阅读(686) 评论(0) 推荐(0)
vue render函数
摘要：Vue中的Render渲染函数 VUE一般使用template来创建HTML，然后在有的时候，我们需要使用javascript来创建html，这时候我们需要使用render函数。比如如下我想要实现如下html： 我们会如下使用： 如上代码是根据参数 :level来显示不同级别的标题中插入锚点元素，我 阅读全文
posted @ 2018-04-17 19:01 霜末之冬 阅读(326) 评论(0) 推荐(0)
路由懒加载优化
摘要：首先得需要插件支持：syntax-dynamic-import https://www.zhihu.com/question/50121629 如果我们需要使用 Vuex ，可能会遇到更多问题： 无法获取 $store （ beforeRouteEnter中无法获取this ） 无法获取组件实例的 阅读全文
posted @ 2018-03-28 19:01 霜末之冬 阅读(252) 评论(0) 推荐(0)
Vuex 源码解析
摘要：先来看一下这张Vuex的数据流程图，熟悉Vuex使用的同学应该已经有所了解。 Vuex实现了一个单向数据流，在全局拥有一个State存放数据，所有修改State的操作必须通过Mutation进行，Mutation的同时提供了订阅者模式供外部插件调用获取State数据的更新。所有异步接口需要走Acti 阅读全文
posted @ 2018-03-22 16:21 霜末之冬 阅读(235) 评论(0) 推荐(0)
vue computed 源码分析
摘要：我们来看看computed的实现。最简单的一个demo如下： 1在初始化实例创建响应式的时候。对options中的computed做了特殊处理： 组件初始化的时候。computed项和data中的分别建立响应式。data中的数据直接对属性的get,set做数据拦截。而computed则建立一个新的w 阅读全文
posted @ 2018-03-22 15:41 霜末之冬 阅读(741) 评论(0) 推荐(0)
实现vue2.0响应式的基本思路
摘要：注意，这里只是实现思路的还原，对于里面各种细节的实现，比如说数组里面数据的操作的监听，以及对象嵌套这些细节本实例都不会涉及到，如果想了解更加细节的实现，可以通过阅读源码 observer文件夹以及instance文件夹里面的state文件具体了解。 首先，我们先定义好实现vue对象的结构 第一步：将 阅读全文
posted @ 2018-03-22 09:56 霜末之冬 阅读(437) 评论(0) 推荐(0)
vue与webpack
摘要：由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的时候不会“太折腾”。 Vue-webpack项目配置详解 1、首先我们在构建vue项目后，就 阅读全文
posted @ 2018-03-19 15:19 霜末之冬 阅读(1004) 评论(2) 推荐(0)
深入vue
摘要： 阅读全文
posted @ 2018-03-12 10:06 霜末之冬 阅读(133) 评论(0) 推荐(0)
vue对象侦测
摘要：http://blog.csdn.net/yihanzhi/article/details/74200618 数组：this.$set(this.arr,index,value) 阅读全文
posted @ 2018-01-31 09:33 霜末之冬 阅读(155) 评论(0) 推荐(0)