vue
.git
这个作者很懒,什么都没留下…
展开
-
Vue基本语法和指令
一.模版语法Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。二.语...原创 2018-10-26 16:05:26 · 260 阅读 · 0 评论 -
Vue 计算属性,方法和侦听器
继续努力,每天进步一小步。通常我们会在模板中绑定表达式,模板是用来描述视图结构的。如果模板中的表达式存在过多的逻辑,模板会变得臃肿不堪,维护变得非常困难。因此,为了简化逻辑,当某个属性的值依赖于其他属性的值时,我们可以使用计算属性。3.1 什么是计算属性计算属性就是当其依赖属性的值发生变化是,这个属性的值会自动更新,与之相关的DOM部份也会同步自动更新。来看图一的代码。...原创 2018-10-31 16:28:50 · 268 阅读 · 0 评论 -
vue介绍与入门
总结所学习的知识,能让我进步的更快。一.什么是vue.jsvue.js是javascript的一个轻量开源库。它的作者是尤雨溪,于2014年2月编写的开源库,到目前为止,它在 github 上已经超过了10w多颗star。Vue.js是用于构建交互式的Web界面的库,提供了MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的API。我们现在所学习的是vue2.0的版本,那么我...原创 2018-10-24 20:11:43 · 359 阅读 · 0 评论 -
Vue 组建基础
5.1 组件的定义组件(Component)是vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用代码。在较高层面上,组件是自定义元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用is特性进行了扩展的原生HTML元素。所有Vue组件同时也都是Vue的实例,所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。5.2 全局...原创 2018-11-06 11:05:26 · 307 阅读 · 0 评论 -
Vue 中的样式绑定
一)样式绑定概念操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。二)通过对象语法绑定 HTML 的 Cla...原创 2018-11-02 14:56:39 · 749 阅读 · 0 评论 -
Vue 组件进阶
今天继续来总结所学习的知识,每天进步一点点。一.动态 props类似于用 v-bind 绑定 HTML 特性到一个表达式,也可以用 v-bind 动态绑定 props 的值到父组件的数据中。每当父组件的数据变化时,该变化也会传导给子组件:我们也可以通过v-bind来向子组件传递一个对象,已知一个toDo对象:二. prop字面量语法与动态语法阅读以下的代码片段,...原创 2018-11-07 20:00:26 · 233 阅读 · 0 评论 -
Vue 一个有点小复杂的电商项目(带数据库)
这几天做了一个小项目,目的是为了巩固自己所学习的知识,毕竟实践出真知。只有把你所学习的知识点用到项目上才知道你自己到底学没学会。刚开始学Vue的时候安装各种插件都感觉到各种崩溃,更别提后面所学习的各种指令,还有vuex、axios、.....,配置路由也是各种心酸。那段时间真的有点小烦躁,但是当你进入这个状态,不断的去做练习做项目的时候你会发现这些东西也就那么一回事,对于VUEX更多的还是用于...原创 2018-12-07 15:15:15 · 8368 阅读 · 1 评论 -
某项目部分板块的总结
最近这几天在做毕业项目,打算按某app为原版做个APP出来。好了,废话不多说,进入正题。这个项目是模拟真实的线上项目,运用Vue来进行编程、开发。采用的是前后端分离的方式,数据方面则是由我们团队中的后端小伙伴提供。先上图:根据图中的商品id跳转到对应的二级商品分类当中,如下图所示:所以需要通过传id给后端来获取二级商品分类的数据:右边侧边栏的数据也是一样的套路,通过po...原创 2019-05-16 11:21:20 · 285 阅读 · 0 评论 -
某马鲜生app项目总结
最近几个星期一直在做一个前后端分离的电商app项目,其实我之前就做过一个前后端分离项目。那也是我第一个前后端的项目,就是拼多多(某版块,这里不指全部),当时由于学了vue,又对前后端分离的模式感到有趣,就拉上几位后端的同学一起做了这个项目。别说,做完还真的觉得很有意思,你需要通过后端的接口文档来获取指定的商品数据,还需要根据每件商品的id来实现购物车中商品的批量删除功能,还需要判断商品提交订单...原创 2019-06-07 02:21:31 · 1202 阅读 · 0 评论