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 · 242 阅读 · 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 · 293 阅读 · 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 · 164 阅读 · 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 · 158 阅读 · 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 · 194 阅读 · 0 评论 -
Vuejs——计算属性
我们知道在模块中可以直接通过插值语法显示一些data中的数值。但是在某些情况，我们可能需要对数据进行一些转化后在显示，或者需要将多个数据结合起来进行显示。计算机属性是写在computed选项中。 计算机属性的基本使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...原创 2020-02-13 13:27:05 · 179 阅读 · 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 · 322 阅读 · 0 评论 -
Vuejs001——小结回顾
一、邂逅Vuejs 1.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 · 156 阅读 · 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 · 256 阅读 · 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 · 232 阅读 · 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 · 219 阅读 · 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 · 164 阅读 · 0 评论