Vue.js
敲键盘的猫
这个作者很懒,什么都没留下…
展开
-
vue-resource HTTP API基础
vue-resource特点vue-resource插件具有以下特点:1. 体积小vue-resource非常小巧,在压缩以后只有大约12KB,服务端启用gzip压缩后只有4.5KB大小,这远比jQuery的体积要小得多。2. 支持主流的浏览器和Vue.js一样,vue-resource除了不支持IE 9以下的浏览器,其他主流的浏览器都支持。3. 支持Promise A原创 2017-04-08 12:30:48 · 4997 阅读 · 0 评论 -
vue-resource CRUD示例
GET请求var demo = new Vue({ el: '#app', data: { gridColumns: ['customerId', 'companyName', 'contactName', 'phone'], gridData: [], apiUrl: 'http://211.149.193.19:8080/ap转载 2017-04-08 12:54:21 · 662 阅读 · 0 评论 -
ESLint javascript格式要求
首行缩进2个空格eslint: indentfunctionhello (name) { console.log('hi', name)}字符串使用单引号(除了避免转义)eslint: quotesconsole.log('hello there')$("")禁止出现未使用的变量eslint: no-unused-varsfuncti翻译 2017-04-09 19:01:22 · 3144 阅读 · 0 评论 -
Vue2生命周期
这是Vue文档里关于实例生命周期的解释图那么下面我们来进行测试一下 {{data}}var myVue=new Vue({ el:"#app-8", data:{ data:"aaaaa", info:"nono" }, beforeCreate:function(转载 2017-05-04 22:40:49 · 1070 阅读 · 0 评论 -
Vue2--非父子组件通信笔记
核心要点: var Event=new Vue(); Event.$emit(事件名称, 数据) Event.$on(事件名称,function(data){ //data }.bind(this));示例代码:参考智能社视频 智能社——http://www.zhinengshe.com原创 2017-05-13 19:21:51 · 914 阅读 · 0 评论 -
VS Code之Vue开发常用插件
Auto Close Tag 自动补全html标签Auto Rename Tag 同步更改html尾标签ESLint ESlint语法提示settings.json 文件"eslint.nodePath": "E:/WebStorm", // 应用路径"eslint.validate": ["javascript","javascriptreact","vu原创 2017-05-28 07:42:49 · 63030 阅读 · 1 评论 -
Vue2.0权限树组件
项目使用的饿了么的Element-Ui,权限树使用其树形控件:刚开始没有特殊需求,三级分支,效果看着还可以。但是接下来的新需求:增加页面操作按钮权限,即达到四级分支,同时要求四级权限布局方式为横向,而且操作按钮权限非固定四级树,但是样式要求一致。这样子就很难操作了,如果单单是四级树为横向,还可以调调样式完成。本来想修改element的tree控件源码来实现,网上查了一些资料,还没有很好原创 2017-06-10 22:49:59 · 8510 阅读 · 8 评论 -
vue-router HTML5 History 模式(转自官网)
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。const router = new VueRouter({ mod转载 2017-06-24 11:27:17 · 1022 阅读 · 0 评论