林夏天的博客

一. Vue中路由的传参假设需要实现一个路由切换，点击之切换到W组件。并传递一个id值和一个age值。运用router-link来写：<router-link :to="{A: 'xxx', query: {xx: 'xxx'}}" /><router-link :to="{A: 'xxx', params: {xx: 'xxx'}}" />routers:{???}对于query 和 params来说：A是那么还是pathrouters要怎么写url长什么样子

目前单页应用（SPA）越来越成为前端主流，单页应用一大特点就是使用前端路由，由前端来直接控制路由跳转逻辑，而不再由后端人员控制，这给了前端更多的自由。目前前端路由主要有两种实现方式：hash 模式和 history模式，下面分别详细说明。1. hash模式比如在用超链接制作锚点跳转的时候，就会发现，url后面跟了"#id"，hash值就是url中从"#"号开始到结束的部分。hash值变化浏览器不会重新发起请求，但是会触发window.hashChange事件，假如我们在hashChange事件中获取

目录1. 组件注册全局注册局部注册2. PropProp的大小写Prop验证传递Prop3. 插槽基本使用后备内容作用域插槽4. 动态组件 & 异步组件动态组件在动态组件上使用 keep-alive异步组件（一）组件注册两种组件的注册类型：全局注册和局部注册。1. 全局注册全局注册的组件可以用在其被注册之后的任何 (通过 new Vu...

（一）计算属性computed对于任何复杂逻辑，你都应当使用计算属性。1. 基本使用**计算属性是基于它们的响应式依赖进行缓存的。**只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要依赖数据没有发生改变，computed将从缓存中获取之前的计算结果，而不必再次执行函数。例子：<div id="example"> <p>Original messag...

目录v-htmlv-forv-ifv-showv-modelv-bindv-onv-once1. v-html： 双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，需要使用该指令。它使内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。<!--这个 span 的内容将会被替换成为属性值 raw...

目录1. MVVM定义优点缺点2. Vue2 双向绑定原理（数据响应式)原理概述数据劫持发布与订阅（一）MVVM1. 定义：MVVM 是 Model-View-ViewModel（模型-视图-视图模型）的缩写；是一种软件架构设计模式。其中：Model：是数据模型，既后端传过来的数据；View：是视图层，既我们看到的页面；ViewModel：是连接Model和...

（一）Vue模板编译在Vue中我们有三种方式来创建HTML模板手动写渲染函数JSX渲染函数是最原始的方法，而模板最终会通过编译转换陈渲染函数。渲染函数执行后，会得到一份vnode用来渲染真实DOM。所以，模板编译其实是配合虚拟DOM进行渲染。1. 什么是模板编译？所谓模板编译就是把模板编译成vnode的渲染函数。2. 模板编译过程：模板编译可以分为三个阶段：将模板解析...

Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。（一）生命周期钩子 按顺序依次为：1. beforeCreate()在实例初始化事件和生命周期之...

目录vue-cli 命令项目结构设置环境变量（一）vue-cli 命令1. vue-cli下载安装：vue-cli2:npm install vue-cli -gvue-cli3/cli4:npm install -g vue@cli2. 创建新项目vue-cli2:vue init webpack 2.0projectvue-cli3...

Vue Router 学习笔记（基础篇）1. <router-view></router-view>:Vue Router提供<router-view></router-view>来做 路由出口，渲染路径匹配到的视图组件。<router-view> 渲染的组件还可以内嵌自己的 <router-view>，根据嵌套路径，渲...