2021-01-11

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()
        })
    },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容