Skip to content
A immutable data plugin for Vue.js
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
demo
docs
src
test
.babelrc
.eslintignore
.eslintrc.js
.gitignore
LICENSE
README.md
karma.conf.js
package.json

README.md

vue-immutable

A global immutable data plugin for Vue.js

文档地址

Meaning

在编写 vue 代码的过程中,经常会遇到需要在模板中渲染一些不会改变的变量,由于需要在放到模板中,我们常常把这个变量放到 data 属性中,vue 会对 data 中的数据进行观察,这样便会造成将「数据」转换为「响应式对象」的性能开销,尤其是当这些数据较多且复杂时。因此有必要实现一种模式,既能跳过 vue 的观察机制,又能使变量可以在 vue 模板中被使用,vue-immutable 由此诞生 ,优化 vue 对 immutable 数据的处理,immutable 数据将被全局消费。

Install

使用 npm 安装: npm install --save vue-immutable

使用 yarn 安装: yarn add vue-immutable

Start

// main.js
import Vue from "vue";
import App from "./App.vue";
import VueImmutable from "vue-immutable";

Vue.use(VueImmutable);

new Vue({
  el: "#app",
  immutable: {
    msg: "hello world"
  },
  components: { App },
  template: "<App/>"
});
// App.vue
<template>
  <div id="app">
    <h1>{{ $immutable.msg }}</h1>
  </div>
</template>

Development Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# package the code
npm run build

# run unit test
npm run test

Changelog

2019.3.14

v0.2.2 修复打包错误

2019.3.13

v0.2.0 数据继承采用引用模式,废弃拷贝模式

2019.3.6

v0.1.4 添加插件配置项 deep

2019.2.4

v0.1.3 实现 immutable 数据继承

2019.2.3

v0.1.2 添加文档

v0.1.0 项目初始化

You can’t perform that action at this time.