bottle + vue.js 打造你的单页应用

Posted 2020-08-13

看到各种单页应用之后，觉得单页应用简直酷毙了，作为一个技术宅，在假期的 时候恶补了一下vue ，觉得还不错，不过想想前端的东西毕竟还是太广博了。我也不知道怎么写反正应用起来有点别扭，就是资料太少了，成型的东西 也太少了，就说说简单的思路吧。

vue相当于前段的框架，用于更新数据，废话不多说，

仅仅说应用引入vue

第一，我想做一个单页应用

第二，静态文件又http服务器转发给客户端，而服务端就可以不参数与这些文件的更新，仅仅保持数据通讯即可

第三，假期确实闲着无聊，我是知道react 的，但是纠结于他的蛋疼文档

因为bottle体积足够小，足够的轻量，毕竟是个实验性质的东西。

也不知道这样 逼格算不算高。

目前来说技术栈已经没问题了，反正这里的人也不是很在乎这些，技术性的问题我也不打算写，只当个笔记第一，为了重写路由我要引入 vue-router.js，第二，为了与服务器通讯我引入了vue-resource.js,第三，本来可以使用jq 的来进行ajax 通讯来着，但是为了彰显逼格就使用了vue-resource，但是我发现引用的semantic 使用的是 jq ，也就是说，我莫名其妙的引入了个 resource。

也就是一同三个文件，vue，vue-router，vue-resource这三个静态文件，虽然体积不是很大，但是也造成了不小的困惑，因为他们的文档是分开的，各自讲述自己的内容，

例如
vue-router 分为两版对应vue 不同的版本，对于的api 不同，vue-resource 和vue的问题，vue 如果是扩展组件的话，如果在子类中更新内容，因为是异步请求的，也就是说，更新之后并不会更新内容，所以会一直是初始化，需要在生成的时候更新，使用jq 的时候改成同步获取，即可，该用官方推荐的 resource 之后没这个选项，所以在 created 的时候更新了数据。当然不敢妄加评论。

各个视图由于被拆分成了js文件，所以引用的数量更多了，不过可以写到请求内实现这些。