// 手动设置高亮
this.$ref.tree.setCheckedKeys([id, id, id])

// 获取高亮节点
this.$ref.tree.getCheckedNodes([id, id, id])

跨域资源共享(CORS) 是一种机制，它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。

当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时，资源会发起一个跨域 HTTP 请求。

解析 shapfile 文件需要用到一个插件。

安装

npm i shapefile

使用

import {open} from 'shapefile'

open(shpfile, dbffile, {
    // 编码方式
    encoding: 'GBK'
})
    .then(source => source.read()
        .then(function log (result) {
            if (result.done) {
                // 执行完毕的方法
                // ...
                return
            }
            return source.read().then(log)
        })
    )
    .catch(error => console.error(error.stack))

文档地址

(shapefile 文件解析)[]

Vue 部署: `npm run build

上周在做项目时，遇到一个需求，根据登录用户的权限，动态分配路由。只让他看到某些有权限的页面。捣鼓了半天，这里做一个总结。

Vue 组件间通信只要指以下 3 类通信：

• 父子组件通信

• 隔代组件通信

• 兄弟组件通信

v-model 本质上不过是语法糖，v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件。

原因

在Array.prototype上挂载的方法并不能触发该属性的 setter，所以 observe并不能监听到数组的变化。

// 当你使用索引直接设置一项时，例如 
vm.items[indexOfItem] = newValue

// 当你修改数组长度时，例如 
vm.items.length = newLength

解决方式

• 当你使用索引直接设置一项时

// Vue.set
Vue.set(vm.items, indexOfItem, newValue)
// vm.$set，Vue.set的一个别名
vm.$set(vm.items, indexOfItem, newValue)
// Array.prototype.splice
vm.items.splice(indexOfItem, 1, newValue)

• 当你修改数组长度时

// Array.prototype.splice
vm.items.splice(newLength)

Vue.js 是一款 MVVM 框架，数据模型仅仅是普通的 JavaScript 对象，但是对这些对象进行操作时，却能影响对应视图，它的核心实现就是「响应式系统」。

Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。