前端

前端

  • 09-v-model

    v-model基本使用<!DOCTYPEhtml><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,init

    查看全文
  • 08-书籍购物车案例

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

    查看全文
  • 07-循环遍历

    循环遍历遍历数组<!DOCTYPEhtml><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial

    查看全文
  • 06-条件判断

    条件判断v-if、v-else、v-if-else<!DOCTYPEhtml><head><metacharset="UTF-8"><metaname="viewport"content="width=dev

    查看全文
  • 05-事件监听

    v-on事件监听基本使用<!--vue案例计数器.html--><!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><

    查看全文
  • 番外篇-es6语法学习

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

    查看全文
  • 04-计算属性

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

    查看全文
  • 03-Vue数据动态绑定(v-bind)

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

    查看全文
  • 02-Vue插值语法

    Vue插值语法一、Mustache语法Mustache也叫做双大括号语法mustache:胡须的意思,因为两个大括号很像胡须,所以这样命名<!DOCTYPEhtml><html><head><metacharset="UTF-8">

    查看全文
  • 01-邂逅vuejs

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

    查看全文