随笔分类 - Vue
Vue学习记录
摘要：Vue.js是一套构建用户界面的渐进式框架。Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。(SPA单页面应用，所有的显示都
阅读全文
摘要：使用Vue实现todolist案例，如有不对敬请大佬多多指教 功能： 1、增加功能：在新增版块里面的输入框内输入数据，点击后面的“添加”按钮，将输入的数据添加到列表中，默认是未完成的 2、点击列表里面每一项后面的“完成”按钮，完成按钮会消失并且文字会出现删除线 3、在操作版块点击按钮，进行切换列表，
阅读全文
摘要：作用：根据一组数组或对象的选项列表进行渲染。 语法： 情况1：v-for="当前循环到的元素 in 待循环的数据" :key="唯一值" 情况2：v-for="(当前循环到的元素,当前的索引) in 待循环的数据" :key="索引" vue中，循环的时候，key属性加不加不会报错，只是为了提高页面
阅读全文
摘要：v-show指令 v-show指令是控制元素的display属性判断是否显示的，当v-show的属性值是true的时候，元素进行显示，否则是不显示 v-show是根据表达式的真假值切换元素的displayCSS属性（根据表达式得出的布尔值进行判断） v-if指令 v-if是通过控制标签是否存在于页面
阅读全文
摘要：v-text指令 v-text指令是填充纯文本，简略写法就是插值表达式，不会存在闪动问题，插值表达式和v-text都可以使用表达式进行运算 v-html指令 v-html指令是填充HTML片段，简略写法是“{{{ }}}”，但是在Vue1.x之后的版本已经去除了 存在一定的安全问题，本网站内部的数据
阅读全文
摘要：Vue2.x和VUe3.x是两条线路，都会进行迭代更新。 前端三大框架是：Vue、react和Angela，其中Vue最大的特点是双向数据绑定。 双向指的是视图和数据；dom将数据传递给Vue实例，Vue实例的属性会传递给dom vue的概述 vue.js是一套构建用户界面的渐进式框架，Vue采用自
阅读全文
摘要：①、v-text 填充纯文本 - 相比插值表达式更加简洁 - 不存在插值表达式的闪动问题 ②、v-html 填充HTML片段 - 存在安全问题 - 本网站内部数据可以使用，来自第三方的数据不可使用 ③、v-pre 填充原始信息 - 跳过表达式的编译过程，显示原始信息 在插值表达式中插入的是什么就直接
阅读全文
摘要：将数据编写完成，通过插值表达式输出到视图，在刷新的时候出现很短的源代码，如图： 指令v-cloak的作用就是用来解决浏览器在加载页面时因存在事件差而产生的闪动问题，她的原理是先隐藏文件挂载位置，处理渲染好后在显示最终结果。这个指令需要与css规则一起使用才可以 官方文档地址：https://cn.v
阅读全文
摘要：一、插值表达式 插值表达式是vue框架提供的一中在HTML模板中绑定数据的方式，使用“{{变量名}}”方式进行绑定Vue实例中data的数据变量，会将绑定的数据实时的在视图（HTML）中显示出来。 插值表达式支持使用变量名称和部分js表达式以及三元表示式 <!DOCTYPE html> <html
阅读全文
摘要：Vue.js是一套构建用户界面的渐进式框架，采用自底向上增量开发的设计。Vue的核心库关注于视图（html），不仅易上手，还便于与第三方库或项目整合。 渐进式：一步一步，不是将所有的东西都学完才能使用。 自底向上设计：一种设计程序的过程和方法，就是先编写出基础程序段，然后在逐步扩大规范、补充和升级某
阅读全文
摘要：使用watch来侦听data中数据的变化，watch中的属性（watch是对象格式）一定是data 中已经存在的数据。 使用场景：数据变化时执行异步或开销比较大的操作。 典型应用：http://www.pinyinzi.cn/ a. 监听器监听data中数据的变化（当前） b. 监听器watch属性
阅读全文
浙公网安备 33010602011771号