其实不是第一次入坑,之前入过一次。后来由于后台开发任务和工作上的琐事又来了。
这次的目的很明确,游戏开发中需要用到vue-electron。
所以,vue不得不捡起来。
首先,项目中的package.json配置如下
"dependencies":{
"vue":"^2.1.10",
"vue-electron":"^1.0.6",
"vue-resource":"^1.0.3",
"vue-router":"^2.1.2",
"vuex":"^2.1.1"
}
和之前的差不了多少,唯一的最大区别就是,vue升级到了2.0。
可能对于vue-electron很多人不知道
npm 中心的描述是这样的:
Need a full boilerplate for creating electron apps built with vue? Make sure to check out electron-vue.
懂了吧?这玩意儿其实是个脚手架,有点像vue-cli,不过它基于vue-cli结合了electron做了一些事情。
所以,初始化一个项目也简单
vue init simulatedgreg/electron-vue my-project
今天在用到vue-router路由页面的时候,忘记了link的写法。僵硬。结果发现template中用了两个根element,低级错误。
最后使用:
<router-link :to="{name:'somePageName'}">xxx</router-link>
更多vue-router的文档,请看vue-router中文文档
更多vue的基础用法,请看vue2.0中文文档
以上,感谢您发现这篇文章。