| | | |

2022年4月6日

摘要：意思就是只能跳到标题（单击时可能需要按Ctrl），即# 开头的字段，格式很简单，例如对于一个二级标题，单击（按住Ctrl）“我想跳转”，可以跳到“跳到这里”：标题有空格的情况： ## 跳到这里 [我想跳转](#跳-到-这-里) 正常情况： ## 跳到那里 [我想跳转](#跳到那里) 看阅读全文

posted @ 2022-04-06 16:54 海岸线summer 阅读(1123) 评论(0) 推荐(0)

Vue(九)——组件(一)基础介绍、全局注册、单向数据流

摘要：组件基础介绍参考：Vue 组件_哔哩哔哩组件本质上是可复用的Vue实例，所以在内部同样有data，methods等属性区别是：没有挂载的声明，不存在el这样的挂载选项； template——定义挂载Dom，也可以理解为设置组件结构，最终被引入根实例注意：template定义的结构只能有一个阅读全文

posted @ 2022-04-06 11:32 海岸线summer 阅读(132) 评论(0) 推荐(0)

2022年4月1日

Vue(八)——表单数据双向绑定

摘要：表单双向绑定：绑定的数据能更新表单的值表单的值能更新所绑定的数据通过v-model指令来实现双向绑定 v-model——监听用户的输入事件来更新数据规则：初始化——v-model 会忽略所有表单元素的初始值而总是将 Vue 实例的数据data作为数据来源。关联事件—v-model 在内部阅读全文

posted @ 2022-04-01 09:58 海岸线summer 阅读(411) 评论(0) 推荐(0)

2022年3月31日

Vue(七)——事件处理

摘要：前情提要： v-on——监听DOM事件，在触发时运行js代码在内联语句处理器中访问原始的 DOM 事件。可以用特殊变量 $event 把它传入方法示例： <div id="example-2">  <button v-on:click="gr 阅读全文

posted @ 2022-03-31 15:50 海岸线summer 阅读(67) 评论(0) 推荐(0)

2022年3月29日

Vue(六)——条件渲染

摘要： Vue——条件渲染 v-if、v-else-if、v-else v-if 指令用于条件性地渲染一块内容，表达式的值为 true ——渲染。 false——不渲染 v-if、v-else-if、v-else可以形成判断链联用  <div v-if="ty 阅读全文

posted @ 2022-03-29 16:16 海岸线summer 阅读(117) 评论(0) 推荐(0)

Vue(五)—Class与style绑定

摘要： Vue—Class与style绑定 class、style都属于attribute,所以通过v-bind来绑定针对class、style属性，v-bind可以通过对象或数组去指定绑定Html Class 组件待续。。。 <body> <div id="app4"> <!-- 通过对象 ,要灵活配阅读全文

posted @ 2022-03-29 11:00 海岸线summer 阅读(43) 评论(0) 推荐(0)

2022年3月28日

Vue计算属性computed与监听器watch

摘要： Vue计算属性computed与监听器watch 诞生原因：在模板中放入太多的逻辑会让模板过重且难以维护，比如对后台插入地数据进行切割重组 <div id="example"> {{ message.split('').reverse().join('') }} </div> 对后台时间数据，格式阅读全文

posted @ 2022-03-28 17:47 海岸线summer 阅读(278) 评论(0) 推荐(0)

Vue模板语法——文本插值、指令、缩写

摘要： Vue模板语法——文本插值、指令、缩写插值文本（{{}}、v-text）数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本,双大括号会将数据解释为普通文本，或者采用v-text标签 <span id = "app">Message: {{ msg }}</span> j 阅读全文

posted @ 2022-03-28 15:27 海岸线summer 阅读(556) 评论(0) 推荐(0)

2022年3月24日

Vue——生命周期

摘要： Vue——生命周期实体创建周期中自带的方法 beforeCreate——在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 created——在实例创建完成后被立即调用，实例已完成以下的配置：数据观测 (data observer)，属阅读全文

posted @ 2022-03-24 19:25 海岸线summer 阅读(32) 评论(0) 推荐(0)

Vue—响应式更改、Dom属性值绑定、Vue实例方法声明

摘要： Vue—响应式更改、Dom属性值绑定、Vue实例方法声明响应式更改当一个Vue实例被创建时，实例里data对象声明的所有变量都被加入到响应式系统中。当这些变量的值发生改变时，变量赋值的视图也会产生“响应”，更新新值。在data对象创建后，Vue实例创建前，使用Object.freeze(dat 阅读全文

posted @ 2022-03-24 19:10 海岸线summer 阅读(325) 评论(0) 推荐(0)