Electron学习笔记

  |  
 阅读次数

Electron API DEMOS 学习笔记

第一章 WINDOWS

第一节 Create and Manage Windows

创建新窗口,并管理现有窗口

每个浏览器窗口都是一个单独的进程,称为renderer进程。这个过程,像控制应用程序生命周期的主要过程一样,可以完全访问该 Node.js API。

1.1 Create a new window(创建新窗口)

BrowserWindow模块提供了在应用程序中创建新窗口的能力。主进程模块可以通过远程模块从呈现程序中使用,如图所示。

Watch用法详解

  |  
 阅读次数

Vue.js 提供了一个方法 watch,它用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式值是对应回调
值也可以是方法名,或者是对象,包含选项。具体的用法可以直接看下面的示例,简单直接。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<span style="color:#006600;"><div id="app">  
<input type="text" v-model:value="childrens.name" />
<input type="text" v-model:value="lastName" />
</div>

<script type="text/javascript">
var vm = new Vue( {
el: '#app',
data: {
childrens: {
name: '小强',
age: 20,
sex: '男'
},
tdArray:["1","2"],
lastName:"张三"
},
watch:{
childrens:{
handler:function(val,oldval){
console.log(val.name)
},
deep:true//对象内部的属性监听,也叫深度监听
},
'childrens.name':function(val,oldval){
console.log(val+"aaa")
},//键路径必须加上引号
lastName:function(val,oldval){
console.log(this.lastName)
}
},//以V-model绑定数据时使用的数据变化监测
} );
vm.$watch("lastName",function(val,oldval){
console.log(val)
})//主动调用$watch方法来进行数据监测</span>
</script>

阅读原文

[另附: Angular中使用$watch监听object属性值的变化]