![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
LullabyLY
这个作者很懒,什么都没留下…
展开
-
Vue.js学习(二)
上一篇vue学习(一),主要学习了vue基本代码,以及一些简单指令,这节主要要完成品牌管理案例以及学习vue的知识点 。在vue中进行数据的双向绑定,每当修改了data中的数据,vue默认监听数据的改动,自动把修改的数据应用到页面上过滤器Vue允许自定义过滤器,可被用作常见的文本格式化用途:插值表达式、v-bind过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符...原创 2019-08-04 18:14:08 · 226 阅读 · 0 评论 -
Vue.js学习(一)
什么是Vue.js?Vue.js是最火的前端框架,React.js是最流行的前端框架(React可以开发网站,也可以开发手机APP,Vue也可以开发手机APP,但是需要借助week)前端三是大主流框架:Vue.js,Angular.js,React.jsVue.js是一个构建用户界面的框架,只关注视图层,易上手,便于与第三方库整合主要负责MVC中的V,主要和用户界面打交道,制作前端页面效...原创 2019-07-25 23:10:41 · 231 阅读 · 0 评论 -
vue案例——跑马灯效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script></head>&...原创 2019-07-25 23:13:34 · 453 阅读 · 0 评论 -
vue案例——简易计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script></head>&...原创 2019-07-25 23:15:39 · 251 阅读 · 0 评论 -
Vue案例——品牌管理
完成功能:显示品牌列表、添加品牌、删除品牌、搜索品牌引用bootstrap实现样式涉及知识点:v-for、v-model、过滤器、字符串的padStart方法、按键修饰符、文本框捕获焦点添加品牌首先,将Vue实例中的data的list的值循环显示(v-for)在页面上,绑定key来唯一标识;点击添加按钮时,绑定添加事件,将id和name的值创建一个对象加入到list中,之后将id和n...原创 2019-07-27 17:43:56 · 704 阅读 · 0 评论 -
Vue.js学习(三)
上一篇Vue.js(二 )主要从品牌管理案例进行学习,之后又学习了Vue动画,这节我们主要学习Vue的组件什么是组件?组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模块化的不同模块化:从代码逻辑角度划分,方便代码分层开发,保证每个功能模块职能单一组件化:从UI界面的角度划分,方便U...原创 2019-08-06 17:04:59 · 185 阅读 · 0 评论 -
Vue案例—评论列表
目标:主要练习父子组件之间传值实现功能:发表评论、本地存储、显示列表页面加载,从本地localStorage中获得数据子组件中,获取原数据,添加新数据,加入到localStorage点击发表评论时,调用第二步定义的方法,重新加载数据借助bootstrap页面布局,包含评论人、评论内容、提交按钮以及评论列表定义子组件,子组件包含了评论人、评论内容、提交按钮页面加载:+ meth...原创 2019-08-06 19:59:12 · 798 阅读 · 0 评论 -
Vue.js学习(四)
上一篇Vue.js(三)主要学习了Vue组件的基本知识,这节主要是学习一下Vue路由什么是路由?后端路由:对于普通网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上的对应的资源前端路由:对于单页面程序来说,主要通过URL中的hash(#)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容,所以,单页面程序的页面跳转主要用hash来实现...原创 2019-08-09 17:55:01 · 297 阅读 · 0 评论