一、什么是Vue? Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和 ...
分类:
其他好文 时间:
2016-12-19 08:16:47
阅读次数:
284
vuex是vue的状态管理工具,vue进阶从es6和npm开始,es6推荐阮一峰大神的教程。 vuex学习从官方文档和一个记忆小游戏开始。本着兴趣为先的原则,我先去试玩了一把-->。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,如果你刚接触这个东东肯定像我一样蒙,所以我选择把这个 ...
分类:
其他好文 时间:
2016-12-19 07:52:44
阅读次数:
176
1. 安装chrome插件:Vue.js devtools(https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN) 2. 下载vue-devtools (h ...
分类:
Web程序 时间:
2016-12-17 22:36:03
阅读次数:
1732
实现响应的数据绑定和组合的视图组件。 让数据与Dom保持同步 。 在使用jq手工操作DOM时,我们的代码常常是命令式的、重复的、易错的。Vue.js拥抱数据驱动的视图概念。简单的讲,它意味着我们在普通的html模板中使用特殊的语法将DOM绑定到底层数据。一旦创建了绑定,DOM将与数据保持同步。每当修 ...
分类:
Web程序 时间:
2016-12-17 11:42:48
阅读次数:
180
使用Vue做双向绑定的时候,可能经常会用到分页功能 接下来我们来封装一个分页组件 先定义样式文件 pagination.css ul, li { margin: 0px; padding: 0px;} .page-bar { -webkit-touch-callout: none; -webkit- ...
分类:
其他好文 时间:
2016-12-17 02:56:52
阅读次数:
248
一、组件的注册 组件的注册分为全局注册和局部注册 全局注册 局部注册 二、使用Props传递数据 组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。 在组件中需要显式的用props选项来声明: 在HTML传入普通字符串中: ...
分类:
Web程序 时间:
2016-12-16 23:16:46
阅读次数:
261
//list例子:绑定从localStorage中读取的数据,动态添加list并监听将数据变化存储在localStorage中,绑定点击事件改变样式, 页面 data数据: input_name:'', items:locaStorage_work.fetch(), locaStorage_work ...
分类:
Web程序 时间:
2016-12-16 14:52:50
阅读次数:
276
使用Vue做双向绑定的时候,可能经常会用到分页功能 接下来我们来封装一个分页组件 先定义样式文件 pagination.css ul, li { margin: 0px; padding: 0px; } .page-bar { -webkit-touch-callout: none; -webkit ...
分类:
其他好文 时间:
2016-12-16 10:01:01
阅读次数:
202
好想再回到大学宿舍,当时床虽小,房随小,但是心确是满的 致 西安工程大学a-114舍友们 转载请注明出处:水车:http://www.cnblogs.com/xuange306/p/6185453.html 没图片的教程都是耍流氓 准备工作: 这里强调一下,express是后端服务器,它是一个独立的 ...
分类:
Web程序 时间:
2016-12-16 07:50:36
阅读次数:
478
使用场景:在一个表单中,各项数据提交后需要重置表单中各<input>元素的值为空。 组件中关联: vuex中的配置为: 看红字部分,初始化时 直接赋值为空对象即可(_categoryForm: {} ) ,但新增成功后,重置表单 state._categoryForm = {} 却不起作用,必须对其 ...
分类:
其他好文 时间:
2016-12-15 20:39:24
阅读次数:
208