Boboy

Vue中强制组件重新渲染

freeze翻译成汉语有冻结的意思使用 ,Object.freeze()是ES5新增的特性，可以冻结一个对象，这会阻止修改现有的属性，也意味着响应系统无法再追踪变化。来看他的定义：Object.freeze() 方法可以冻结一个对象，冻结指的是不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。该方法返回被冻结的对象。...

Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，单一状态树,通俗理解就是一个应用的数据集合，可以想象为一个“前端数据库”（数据仓库），让其在各个页面上实现数据的共享包括状态，并且可操作。详情官方解释。Vuex的组成Vuex分成五个部分：State：单一状态树Getters：状态获取Mutations：触发同步事件Actions：提交mutation...

混入混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。个人理解就是一个储存重用数据和方法的储存器，方便重用官方demo// 定义一个混入对象var myMixin = { created: function () { this.he...

什么是插槽？插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制slot官方介绍Props：name - string，用于命名插槽。Usage： 元素作为组件模板之中的内容分发插槽。 元素自身将被替换...

组件的分类常规页面组件，由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML结构，会包含数据获取、数据整理、数据可视化等常规业务。功能性抽象组件，不包含业务，独立、具体功能的基础组件，比如日期选择器、弹窗警告等。这类组件作为项目的基础控件，会被大量使用，因此组件的API 进行过高强度的抽象，可以通过不同配置实现不同的功能。业务组件，它...

在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName...

vue.js 是数据绑定的框架，大部分情况下我们都不需要直接操作 DOM Element，但在某些时候，我们还是有获取DOM Element的需求的；记得曾经公司只想使用vue数据双向绑定部分，事件等部分单列出来由后台驱动就用到了获取dom。那怎么获取相关的dom元素呢？这里我想到了3个方法：方法一：直接给相应的元素加id,然后再document.getElementById(“id”...

改一个官网的例子类似于react的context，后代组件要用声明一下就行，<script src="https://unpkg.com/vue"></script><style>h1{ background:yellow;}h2{ background:blue;}h3{ background:pink;}</style&...

需求，根据传递过来的宽高比，进行宽高的重新计算 computed:{ imgWD(o){ return function(o){ return { width:'370px', height:370*(1/o) + 'px' } } } }<div :style=...