Vue基础
文章平均质量分 63
Delete_89x
这个作者很懒,什么都没留下…
展开
-
Vue3.x基础-4.v-if、v-show、v-for、v-once等指令
文章目录前言一、v-if二、使用步骤1.引入库2.读入数据总结前言Vue指令一般指的是带有v-前缀的特殊属性,除v-for 和 v-on以外指令属性的值预期是单个 JavaScript 表达式。指令根据其所绑定的值,响应式地作用于相应的DOM元素。一、v-ifv-if是一个用于控制DOM是否渲染的指令,如果所绑定的值或者表达式成立即渲染相应DOM模块,反之则不渲染。<span v-if="sign">666</span> // 如果data中的sign为true则渲染该原创 2021-10-30 17:16:01 · 876 阅读 · 0 评论 -
Vue3.x基础-3.插值表达式
插值表达式:说起插值表达式,可能有的都觉得不太熟悉,但是又听说过,自己也有印象,它也有另一个名字叫字面量,“Mustache”语法 (双大括号) 就是我们看到的{{msg}}这种东西。msg标签的对应着Vue组件实例里data中某个变量的值,当绑定组件实例上的msg property 发生了改变,插值处的内容也会被更新。首先在data中定义一个变量:data: { msg: "678"}这种语法不能使用在标签里,也就是不能作为标签的属性来写,如下的写法是错误的。 <div cl原创 2021-10-26 22:41:05 · 1009 阅读 · 1 评论 -
Vue3.x基础-2.生命周期函数
前言生命周期函数也叫生命周期钩子,可以理解成在Vue实例的不同生命周期中自动调用执行的函数。官方图解:生命周期函数写法注意事项Vue的生命周期钩子函数的this会自动绑定到Vue的示例当中,所以可以在生命周期钩子函数中通过this访问data中的数据或者调用methods中的方法等等。因此我们不必显式地使用箭头函数来定义生命周期方法(比如: created: () => {this.init()}),这将会导致init()方法无法在created生命周期中按照预期被调用,因为箭头函数绑定了原创 2021-10-24 16:53:13 · 311 阅读 · 0 评论 -
Vue3.x基础-1.Vue.createApp()与mount()
Vue基础-1.createApp()与mount()前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言哎呀今天在从头回顾Vue的过程中,言归正传,在传原创 2021-10-24 10:08:40 · 26932 阅读 · 2 评论