| | | |

2022年4月6日

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

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

2022年4月1日

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

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

posted @ 2022-04-01 09:58 海岸线summer 阅读(364) 评论(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 阅读(46) 评论(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 阅读(90) 评论(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 阅读(30) 评论(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 阅读(252) 评论(0) 推荐(0) 编辑

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

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

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

2022年3月24日

Vue——生命周期

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

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

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

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

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

2022年3月23日

Vue初体验——Hello Word

摘要： Vue文本插值资料：来自Vue的官网核心思想 Vue.js核心：用简洁的模板语法声明式地将数据渲染进 DOM 的系统 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>  阅读全文

posted @ 2022-03-23 16:37 海岸线summer 阅读(51) 评论(0) 推荐(0) 编辑