vue中细枝末节的知识点总结

• JS 文件中访问vuex，操控vuex
  由于在main.js文件中，vuex是挂载在window.vm上的
  
  所以vue项目中的js文件访问vuex的写法

window.vm.$store.state.objectMapping.controlHandleVue.deleteObj();

• JS文件中使用element消息提示

window.vm.$message.info('哈哈哈哈')

window.vm.$message({
   type: 'info',
   message: '哈哈哈',
});

• 回调函数

vue中调用函数

//需要将js中调用的location（）这个函数引入一下。
locationitem(row) {
	location(row, () => {
		vm.$store.commit('setItem', row);
		vm.$store.commit('showItem', true);
	}
}

js中的函数

location(data, cb) {
	console.log(data)
	// 是否存在cb，回调函数，如果存在，则执行，否则下一步
	if (cb) {
		cb()
	}
}

• JS 类中含有构造函数并带有函数类的使用起来需要new

// 类
class SiteControl {
    constructor(app, map, obb) {
        this.app = app;
        this.map = map;
        this.obb = obb;
    }
	
	// 函数类
	location(data, cb) {
		console.log(data)
		// 是否存在cb，回调函数，如果存在，则执行，否则下一步
		if (cb) {
			cb()
		}
	}
}
export default SiteControl

在vue文件中使用起来需要new一个实例对象

import siteControl from './sitControl.js'
// 在app,map，obb都存在的基础下，对siteControl函数进行实例化，并挂载到全局上命名为siteControl
app = xxx;
map = xxx;
obb = xxx;
window.siteControl = new SiteControl(app, map, obb)

• 子组件使用父组件的函数、变量

父组件

<Pop />

shoPanel = true
katch() {
	console.log('我是父组件')
}

子组件

this.$parent.showPanel = false

this.$parent.katch()   // 打印出 ‘我是父组件’