09-v-model

v-model基本使用<!DOCTYPEhtml><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,init
vue 前端 编程语言 2020年12月19日 89次浏览

08-书籍购物车案例

书籍购物车案例涉及知识点:v-if/v-elsev-for@clickmethodscomputed新增过滤器filtersfilters定义在创建Vue实例的生命周期中,本质上也是函数,对调用的数据进行处理使用场景:需要重复使用的一种对数据的处理规则,比如想要价格添加小数点后两位及前面添加¥字符规
vue 前端 编程语言 2020年12月17日 96次浏览

07-循环遍历

循环遍历遍历数组<!DOCTYPEhtml><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial
vue 前端 编程语言 2020年12月16日 84次浏览

06-条件判断

条件判断v-if、v-else、v-if-else<!DOCTYPEhtml><head><metacharset="UTF-8"><metaname="viewport"content="width=dev
vue 前端 编程语言 2020年12月15日 89次浏览

05-事件监听

v-on事件监听基本使用<!--vue案例计数器.html--><!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><
vue 前端 编程语言 2020年12月15日 87次浏览

番外篇-es6语法学习

番外篇-ES6语法学习let/var事实上Var的设计可以看成JavaScript语言设计上的错误,但是这种错误多半不能修复和移除,因为需要向后兼容。大概十年前,BrendanEich就决定修复这个问题,于是他添加了一个新的关键字:let我们可以将let看成更完美的var块级作用域JS中使用var来
vue 前端 编程语言 2020年12月14日 112次浏览

04-计算属性

计算属性什么是计算属性我们知道,在模版中可以通过插值语法显示一些data中的数据。但是在某些情况,我们可能需要对数据进行一些转化后再显示比如我们有firstname和lastName两个变量,我们需要显示完整的名称但是如果多个地方都需要显示完整的名称,我们就需要写多个{{firstName}}{{l
vue 前端 编程语言 2020年12月13日 87次浏览

03-Vue数据动态绑定(v-bind)

Vue数据动态绑定v-bind指令v-bind用于绑定一个或多个属性值,或者向另一个组建传递props值(这个学到组件时再介绍)在开发中,有哪些属性需要进行绑定呢?图片的链接src、网站的链接href、动态绑定一些类、样式等等比如通过Vue实例中的data绑定元素的src和href,代码如下:<
vue 前端 编程语言 2020年12月11日 101次浏览

02-Vue插值语法

Vue插值语法一、Mustache语法Mustache也叫做双大括号语法mustache:胡须的意思,因为两个大括号很像胡须,所以这样命名<!DOCTYPEhtml><html><head><metacharset="UTF-8">
vue 前端 编程语言 2020年12月11日 116次浏览

01-邂逅vuejs

邂逅Vuejs一、认识vuejs为什么学习Vuejs可能你的公司正要将原有的项目使用Vue进行重构可能你的公司新项目决定使用Bue的技术栈可能你现在正在换工作,你会发现招聘前端的需求中,10个有8个都对Vue有过多或少的要求作为学习者我们知道Vuejs目前非常火,可以说是前端必备的一个技能简单认识一
vue 前端 编程语言 2020年12月09日 65次浏览