2021年1月6日
vue数据绑定指令
摘要： ①、v-text 填充纯文本 - 相比插值表达式更加简洁 - 不存在插值表达式的闪动问题 ②、v-html 填充HTML片段 - 存在安全问题 - 本网站内部数据可以使用，来自第三方的数据不可使用 ③、v-pre 填充原始信息 - 跳过表达式的编译过程，显示原始信息 在插值表达式中插入的是什么就直接 阅读全文
posted @ 2021-01-06 10:28 小小的少年 阅读(360) 评论(0) 推荐(0)
Vue常见指令——v-cloak
摘要： 将数据编写完成，通过插值表达式输出到视图，在刷新的时候出现很短的源代码，如图： 指令v-cloak的作用就是用来解决浏览器在加载页面时因存在事件差而产生的闪动问题，她的原理是先隐藏文件挂载位置，处理渲染好后在显示最终结果。这个指令需要与css规则一起使用才可以 官方文档地址：https://cn.v 阅读全文
posted @ 2021-01-06 10:17 小小的少年 阅读(4402) 评论(0) 推荐(0)
Vue模板语法
摘要： 一、插值表达式 插值表达式是vue框架提供的一中在HTML模板中绑定数据的方式，使用“{{变量名}}”方式进行绑定Vue实例中data的数据变量，会将绑定的数据实时的在视图（HTML）中显示出来。 插值表达式支持使用变量名称和部分js表达式以及三元表示式 <!DOCTYPE html> <html 阅读全文
posted @ 2021-01-06 09:28 小小的少年 阅读(182) 评论(0) 推荐(0)
2020年12月27日
Vue概述
摘要： Vue.js是一套构建用户界面的渐进式框架，采用自底向上增量开发的设计。Vue的核心库关注于视图（html），不仅易上手，还便于与第三方库或项目整合。 渐进式：一步一步，不是将所有的东西都学完才能使用。 自底向上设计：一种设计程序的过程和方法，就是先编写出基础程序段，然后在逐步扩大规范、补充和升级某 阅读全文
posted @ 2020-12-27 14:35 小小的少年 阅读(689) 评论(0) 推荐(0)
Vue——监听器watch
摘要： 使用watch来侦听data中数据的变化，watch中的属性（watch是对象格式）一定是data 中已经存在的数据。 使用场景：数据变化时执行异步或开销比较大的操作。 典型应用：http://www.pinyinzi.cn/ a. 监听器监听data中数据的变化（当前） b. 监听器watch属性 阅读全文
posted @ 2020-12-27 13:48 小小的少年 阅读(577) 评论(0) 推荐(0)