Vue.js
李钦。
人间不值得你难过。
展开
-
Vue.js —— v-pre & v-cloak & v-once(八)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-11-10 10:42:24 · 180 阅读 · 0 评论 -
Vue.js —— v-bind 标签属性绑定(七)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-11-10 10:41:11 · 764 阅读 · 0 评论 -
Vue.js —— v-model 数据源绑定(六)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-11-10 10:39:16 · 255 阅读 · 0 评论 -
Vue.js —— v-on 事件绑定(五)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-11-10 10:37:04 · 214 阅读 · 0 评论 -
Vue.js —— v-text & v-html 指令(四)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-11-10 10:35:17 · 197 阅读 · 0 评论 -
Vue.js —— v-for 指令:解决模板循环问题 (三)
此例子中用 v-for 来遍历数组,computed 的作用是,在数组进行渲染前改变传值,最终显示为 1,2,3,4,5,6,7。如果想使用方法给数组排序,则必须给 computed 中 items 起别名,并且名称要和 v-for 属性中循环的绑定的名称保持一致。<!DOCTYPE html&...原创 2019-10-31 20:08:56 · 9776 阅读 · 0 评论 -
Vue.js —— v-if v-else v-show 指令 (二)
if..else.. 和常规语法一样,是做条件判断的,本例子,`v-if` 和 `v-else` 绑定了 `isLogin`,在 js 中控制 `isLogin`的值,`true`显示绑定 `v-if` 的标签中的文本,`false` 则显示绑定 `v-else` 的标签中的文本 。原创 2019-10-31 20:00:50 · 9324 阅读 · 0 评论 -
Vue.js —— 你好Vue (一)
前言公司开始使用vue了,这段时间也没怎么更新,一直在练习Demo,我决定把写的所有Demo全部移植到博客,移植之后,算是一个速查手册吧,快速定位语法怎么写。这是一个基础的vue语法,Hello World。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-10-31 19:52:10 · 9365 阅读 · 0 评论