Vue中文帮助网站:http://cn.vuejs.org/
Vue github开源地址:https://github.com/vuejs/vue
Vue.js专业中文社区:http://www.vue-js.com/
前端开发Vue相关:http://www.opendigg.com/tags/front-vue
本文开源地址:https://github.com/yonghu86/awesome-github-vue
本文主要是收集与整理Vue相关的开源资料,以供需要的朋友参考。主要包含以下几方面的内容:
UI组件、开发框架、实用库、服务端、辅助工具、应用实例、Demo示例
名称 | 说明 |
---|---|
vue-spa-template | 构建vue全家桶,Github说明很详细.参考文档:基于 vue 全家桶的 spa 项目脚手架 |
electron-vue | 构建electron时用的 |
cooking | vue特别简单的构建工具,不过东西可能没有上面vue-spa-template那么全. 中文文档 |
Vue-Element-Starter | vue启动页.这个已经有了个后台框架的样子了.基本的东西已经弄好,可以快速开发了 |
Vue Paper Dashboard | 这个真的很漂亮 就是不能用作大型后台 |
Vue Admin Panel Framework | vue和buluma的后台好像是重复两个啊 |
CoPilot | 这个也不错 是AdminLTE模板做的 |
CoreUI-Free-Bootstrap-Admin-Template | 这个也不错 是CoreUI模板做的 |
Vuestic Admin Dashboard | 这个也不错 是 Bootstrap 4.模板做的 |
聚焦一个焦点,判断键值这么写
1 | <html> |
想用js开发桌面现在有两个框架可以用 Electron 另外一个是 nwjs.
但感觉还是用 Electron比较好,因为现在一些流行的软件是那这个弄的,比如说我现在用的 Atom ,VSCode 这两个软件都非常好用,而且漂亮.
另外还有个原因是,他有中文文档.这样实在是方便太多了
这里主要编写个 Electron 启动配置文件.是 package.json
里的 main
字段的文件.
注意:如果 main 字段没有在 package.json 声明,Electron会优先加载 index.js。
剩下的就是编写自己的程序了就行了.
贴两个配置文件样本.
一 这是官方的例子
1 | const { app, BrowserWindow } = require('electron') |
main.vue 在组件里 所有的样式必须放在一个 <div></div>
标签里 否则会出错.
这个标签可以指定 默认为 class=index
这个看教程时已经知道,只是做的时候又给忘记了
Vue.nextTick(function () { })
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 因为有的插件需要操作DOM 但是DOM还没创建出来时 会出现问题 这个也是如此无法用this 我理解的关于Vue.nextTick()的正确使用
created:function(){}
这个也可以的 这是钩子程序 但是这个时期 DOM没有创建出来
mounted: function (){}
这个也是vue生命周期中一个钩子,这个就是加载完组件,生成了DOM的时候,所这个可以用,需要对DOM进行操作的程序可以放在这里执行
1 | // 记性真是不好上一次还知道怎么用,下一次就又忘了 现在放在这 |
父组件和子组件之间通信用广播: vue可以用多种方法实现组件间沟通,比如用一个属性,
不过这必须用上同步 :test.sync
要不然子组件的状态父组件不知道.
但是这有个问题就是不利于解耦,捆绑太紧密了不能复用了,所以还是用广播.
不过还是有个小小的疑问,如果两个同名事件怎么办呢?? 按文档里说是第一个,那可能是父组件加载子组件的顺序吧
我想可能是这样的,如果存在同名的话,那就得手动调整顺序,我感觉最好不要同名.
v-bind:fields=”columns” 绑定解释: 有时用简写就比较懵,简单记忆下: 如果原有属性就是绑定属性到vue属性.如果不是自带属性,那就是组件自定义的.比如 :fields="columns"
这里就是一个. fields 子组件 : columns 父组件. 反正等号后面都是当前组件的.可以看下面例子.