美文网首页
vue2.0 入坑

vue2.0 入坑

作者: 薪人王 | 来源:发表于2017-03-30 17:10 被阅读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中文文档

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

    相关文章

      网友评论

          本文标题:vue2.0 入坑

          本文链接:https://www.haomeiwen.com/subject/lmdpottx.html