vue2.0 入坑

其实不是第一次入坑，之前入过一次。后来由于后台开发任务和工作上的琐事又来了。

这次的目的很明确，游戏开发中需要用到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中文文档

以上，感谢您发现这篇文章。