vue
just-so-so.
没动力,要摆烂了
展开
-
Vuejs——v-for学习
学习中。。。。。。v-for循环普通数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...原创 2020-02-23 13:54:51 · 154 阅读 · 0 评论 -
Vuejs——简单计算器小案例
实现简单计算的计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...原创 2020-02-23 13:48:34 · 201 阅读 · 0 评论 -
Vuejs——事件修饰符以及v-model指令的学习
学习敲代码 解释在其中事件修饰符<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...原创 2020-02-23 13:46:09 · 119 阅读 · 0 评论 -
Vuejs——跑马灯效果
不说了,看代码吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do...原创 2020-02-22 18:18:34 · 106 阅读 · 0 评论 -
Vuejs——计算属性的setter和getter
每个计算属性都包含一个getter和一个setter。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id=...原创 2020-02-13 13:30:52 · 145 阅读 · 0 评论 -
Vuejs——计算属性
我们知道在模块中可以直接通过插值语法显示一些data中的数值。但是在某些情况,我们可能需要对数据进行一些转化后在显示,或者需要将多个数据结合起来进行显示。计算机属性是写在computed选项中。计算机属性的基本使用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-02-13 13:27:05 · 126 阅读 · 0 评论 -
(补充)v-bind的style的对象语法和数组语法
v-bind的style对象语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"><!--...原创 2020-02-13 13:14:33 · 263 阅读 · 0 评论 -
Vuejs001——小结回顾
一、邂逅Vuejs1.1.认识Vuejs Vue的读音 Vue的渐进式 Vue的特点1.2.安装Vue CDN引入 下载引入 npm安装1.3.Vue的初体验Hello Vuejs mustache->体验Vue响应式Vue列表展示 v-for 后面给数组追加元素的时候,新的元素可以在界面中渲染出来Vue计数器小案例 事件监听:click->met...原创 2020-02-13 12:29:27 · 114 阅读 · 0 评论 -
Vue——v-bind指令
学习指令的作用主要是将值插入到我们的模板的内容当中。v-bind主要用于实习动态绑定:作用:动态绑定属性缩写:::预期:any (with argument) | Object (without argument)v-bind的使用:<!DOCTYPE html><html lang="en"><head> <meta char...原创 2020-02-11 15:07:39 · 141 阅读 · 0 评论 -
Vue——插值操作(指令的使用)
Mustache指令的使用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2...原创 2020-02-10 18:33:47 · 166 阅读 · 0 评论 -
Hello Vue.js的初体验
第一天 创建一个hello vue.js项目<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue学习</title></head><body>...原创 2020-02-09 14:31:28 · 165 阅读 · 0 评论 -
vue之小案例——计数器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计数器</title></head><body><div id="app"> <h2>当前计数:{{count...原创 2020-02-09 15:09:31 · 106 阅读 · 0 评论