import VueResource from 'vue-resource'
// var VueResource = require('vue-resource')//this leads to undefined jsonp
main.js
在使用vue-resource 插件进行http请求时,报错undefined 'jsonp',换用get方法也一样。通过复制更换vue-resource文件夹依旧。后更换main.js 不报错,使用import 而不是定义全局vueResource。
it works why
electron-vue
主进程---->渲染进程传送数据.
在主进程这样写 通过一个字段叫“message"
//发送到渲染进程
mainWindow.webContents.on('did-finish-load', function() {
mainWindow.webContents.send('message','我是主进程向渲染进程发送的数据')
});
在渲染进程中如何接受呢?
mounted(){
this.$electron.ipcRenderer.on('message',(event,data) => {
console.log('data:', data) // 主进程发送到渲染进程的数据
});
渲染进程---->主进程
主进程接受渲染进程的消息,通过一个字段叫message
ipcMain.on('message',(event,data)=>{
console.log(data); //通过控制台打印渲染进程发送来的消息
})
渲染进程发送消息给主进程 通过字段message
this.$electron.ipcRenderer.send('message','我是渲染进程发送给主进程的数据');
父组件通过props 向子组件传递数据,子组件通过自定义事件向父组件传递数据。在Hello.vue 中, export default 后面的对象中,添加一个字段props, 它是一个数组, 专门用来接收父组件传递过来的数据. props: ["mesFather"], 这里定义了mesFather 字符串, 和父组件中定义的元素的属性一一对应. 但是我们在父组件,就是在 <hello /> 元素中定义的属性是mes-father, 没有一一对应啊? 这主要是因为,在html 元素中大小写是不敏感的。 如果我们写成<hello mesFather="message from father"></hello>, 里面的mesFather 就会转化成mesfather, 相当于我们向子组件传递了一个mesfather数据, 如果在js 文件中,我们定义 props: ["mesFather"],我们是接受不到数据的,因为js 是区分大小写的, 只能写成props: ["mesfather"]. 但是在js 文件中,像这种两个单词拼成的数据,我们习惯用驼峰命名法,所以vue 做了一个转化,如果在组件中属性是 - 表示,它 自动会转化成驼峰式。 传进来的数据是mes-father, 转化成mesFather, 我们在js 里面写mesFather, 一一对应,子组件可以接受到组件。
img标签引用图片资源无法显示的问题
解决方法:
在html头中添加<meta name="referrer" content="never">
或使用.jpg结尾的link
mounted生命周期函数中this得不到当前组件问题
解决:
mounted(){
socket.on('msg',(data)=>{
var _this = this
_this.msgList.push(data)
_this.saveChat()
})
},