Vue框架开发Electron4 - 开发模板

1. 新建的xx.vue文件里面,包含基本三要素:





2. 引用:export default关键字修饰的函数和变量表示可被其他引用

文件1:
export default function setIPCChannels (mainWindow) {
    // 函数具体实现
}

文件2:
import 文件1 from 文件1所在文件夹路径  // 导入文件
setIPCChannels (mainWindow)        // 应用文件1函数

3. vue框架常用语法

* v-model:双向数据绑定,改变数据和界面任意一个,另外一个同时改变;
* v-for  :循环遍历;
* v-bind :单向数据绑定,改变数据和界面任意一个,另外一个看条件改变;
* v-if   :是否渲染页面,常语else连用;
* v-show :是否显示,类似display属性;
* v-on   :绑定事件,可以用@简写代替;

4. 在import时,@在electron-vue中代表renderer目录

5.  在这里强烈推荐使用VScode,安装方法自己百度即可

你可能感兴趣的:(Vue框架开发Electron,electron-vue,vue框架)