EmotionComputer

Vue 组件之间传值一、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，logo 是在 data 中定义的变量。如果需要从父组件获取 logo 的值，就需要使用 props: [‘logo’]在 props 中添加了元素之后，就不需要在 data 中再添加变量了父组件部分：在调用组件的时...

当它们处于同一节点，v-for的优先级比v-if更高，这意味着 v-if将分别重复运行于每个 v-for循环中。当你想为仅有的一些项渲染节点时，这种优先级的机制会十分有用，如下：<li v-for="todo in todos" v-if="!todo.isComplete"> {{ todo }}</li>上面的代码只传递了未完成的 todos。而如果你的目...

该笔记为最近项目中的一点经验积累最近项目，欢迎start在Home.vue和City.vue中的都发送了ajax请求，所以每次页面刷新渲染的时候都会去发送ajax请求，这样无疑增加了网络负担。因此，通过vue提供的keep-alive来将其保留在内存中来得以实现。部分代码：<template> <div id="app"> <keep-ali...

Vue-router 中hash模式和history模式的区别在通过vue-cli创建项目的时候，出现:于是，去Google一遍。。vue-router的model有两种模式：hash模式和history模式。Vue-router 中hash模式和history模式的关系hash模式和history模式的不同最直观的区别就是在url中 hash 带了一个很丑的 # 而history是...

今天在看vue-router的时候发现，vue-router源码用到了history.pushState()和history.replaceState()，故，仔细看一下。一. 概述window.history属性指向 History 对象，它表示当前窗口的浏览历史。History 对象保存了当前窗口访问过的所有页面网址。下面代码表示当前窗口一共访问过3个网址。window.histo...

状态管理到底是什么？状态管理模式、集中式存储管理模式 这些名词听起来就非常高大上，让人捉摸不透。其实，你可以简单的将其看出把需要多个组件共享的变量全部存储在一个对象里面。然后，将这个对象放在顶层的Vue实例中，让其他组件可以使用。例如： const shareObj = { name: '彭程明'; } Vue.prototype.shareObj = shareObj; ...