摘要：
a) 区别： i. v-if删除dom元素 ii. v-show设置display:none b) 应用场景： i. v-if只修改一次的时候可以使用v-if ii. v-show频繁切换的时候可以使用v-show 阅读全文
posted @ 2021-09-13 20:35
从入门到入土
阅读(31)
评论(0)
推荐(0)
摘要：
a) 遍历数组，参数(item,index) in list b) 遍历对象，参数(value,key,index) in list c) 遍历数字，num in 10 (1~10) d) key在使用v-for的时候都需要去设置key i. 让界面元素和数组里的每个记录进行绑定 ii. key只能 阅读全文
posted @ 2021-09-13 20:34
从入门到入土
阅读(114)
评论(0)
推荐(0)
摘要：
a) 作用：数据双向绑定 b) 注意：绑定的是表单控件 c) 示例：计算器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed 阅读全文
posted @ 2021-09-13 20:31
从入门到入土
阅读(48)
评论(0)
推荐(0)
摘要：
a) .stop 阻止冒泡，冒泡由内到外 b) .prevent 阻止默认事件 c) .capture 添加事件侦听器时使用事件捕获模式，捕获右外到内 d) .self 只当事件在该元素本身（比如不是子元素）触发时触发回调 e) .once 事件只触发一次 阅读全文
posted @ 2021-09-13 20:28
从入门到入土
阅读(25)
评论(0)
推荐(0)
摘要：
a) 进行事件的绑定，我们用的最多的是click事件绑定 b) 简写@ c) 实现跑马灯的效果 示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" c 阅读全文
posted @ 2021-09-13 20:27
从入门到入土
阅读(145)
评论(0)
推荐(0)
摘要：
v-text 不能解析富文本 v-html 可以解析富文本 v-bind 属性绑定，简写为: （一个冒号） v-cloak 隐藏vue渲染前的界面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-eq 阅读全文
posted @ 2021-09-13 20:21
从入门到入土
阅读(91)
评论(0)
推荐(0)
摘要：
a) 引入vue.js b) 写视图层，我们要展示的内容 c) 实例化Vue() data：存放数据 el：这个控制是哪块视图 methods：放我们的方法 示例 <!-- 视图层 --> <div id="app"> <!-- 插值表达式，可以读取我们的变量 --> {{ message }} < 阅读全文
posted @ 2021-09-13 20:16
从入门到入土
阅读(123)
评论(0)
推荐(0)
摘要：
a) MVC 是后端的分层开发概念; b) MVVM是前端视图层的概念，主要关注于视图层分离，也就是说：MVVM把前端的视图层，分为了三部分Model、View、VM ViewModel; 阅读全文
posted @ 2021-09-13 20:13
从入门到入土
阅读(535)
评论(0)
推荐(0)
摘要：
什么是vue.js a) Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 b) Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起， 阅读全文
posted @ 2021-09-13 20:10
从入门到入土
阅读(133)
评论(0)
推荐(0)
浙公网安备 33010602011771号