wx5bc47e97d0ded的博客_vue

用代码手把手教你使用MVVM

概述说到Android MVVM，就会联想到DataBinding框架。然而两者的概念是不一样的，不能混为一谈。MVVM是一种架构模式，而DataBinding是一个实现数据和UI绑定的框架，是构建MVVM模式的一个工具。网上关于MVVM框架的搭建和使用的文章很少，大多提到MVVM框架，就是在介绍DataBinding的使用。对于MVVM中各模块之间如何划分，如何定义，又是如何配合实现高

数据

实体类

mvc

转载 2022-11-09 15:10:29 146 阅读

padStart()方法,padEnd()方法实现字符串补全

padStart()方法,padEnd()方法ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。 'x'.padStart(5, 'ab') // 'ababx''x'.padStart(4, 'ab') // 'abax''x'.padEn

字符串

补全

代码生成

转载 2022-11-09 15:09:53 105 阅读

Vue学习记录--定义局部子组件以及组件切换

使用components属性定义局部子组件组件实例定义方式：<script> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', data: {}, methods: {}, components: { // 定义子组件 account: { // a

容器

java源码

java

html

字符串

原创 2022-11-09 14:51:14 491 阅读

Vue学习记录--实现列表的添加删除以及查找功能

1.x 版本中的filterBy指令，在2.x中已经被废除：filterBy - 指令<tr v-for="item in list | filterBy searchName in 'name'"> <td>{{item.id}}</td> <td>{{item.name}}</td> <td>{{item.c

容器

java源码

java

数据

数组

原创 2022-11-09 14:51:02 136 阅读

Vue学习记录— 键盘修饰符以及自定义键盘修饰符

键盘修饰符以及自定义键盘修饰符按键修饰符也就是Vue提供的键盘监听事件。<label>Name: <!--输入完

容器

java源码

java

修饰符

自定义键盘

原创 2022-11-09 14:47:47 65 阅读

Vue学习记录--事件修饰符详解

事件修饰符：.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式.self 只当事件在该元素本身（比如不是子元素）触发时触发回调.once 事件只触发一次vue官网上指出：在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好

java源码

java

机器学习

修饰符

click事件

转载 2022-11-09 14:47:17 67 阅读

Vue学习记录--动画

Vue中的动画为什么要有动画：动画能够提高用户的体验，帮助用户更好的理解页面中的功能；使用过渡类名HTML结构：<div id="app"> <input type="button" value="动起来" @click="myAnimate">  <tran

容器

java源码

java

html

钩子函数

原创 2022-11-09 14:43:45 62 阅读

Vue学习记录--RESOURCE 和 AXIOS的区别

VUE-RESOURCEVue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。

容器

java源码

java

ios

json

转载 2022-11-09 14:43:27 34 阅读

什么是vue？为什么用vue？

综合：https://se

vue.js

jquery

dom操作

原创 2022-11-09 14:42:59 112 阅读

Vue学习记录--实现跑马灯效果

视频：https://www.bilibili.com/video/av36650577/?p=10分析：1. 给【浪起来】截取...

java源码

java

机器学习

数据

字符串

原创 2022-11-09 14:42:41 103 阅读

Vue学习记录-- v-cloak,v-text,v-html,v-bind,v-on的基本使用

1.v-cloak使用 v-cloak 防止页面加载时出现 vuejs 的变量名<div id="app"> {{msg}}</div>HT

容器

java源码

java

html

css

原创 2022-11-09 14:42:35 63 阅读

Vue学习记录--入门基础代码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

容器

java源码

java

数据

html

原创 2022-11-09 14:42:31 46 阅读

Vue学习记录--使用样式

在Vue中使用样式使用class样式数组<h1 :class="['red', 'thin']">这是一个邪恶的H1</h1>数组

java源码

java

机器学习

数组

html

原创 2022-11-09 14:42:19 58 阅读

Vue学习记录--初步理解v-model实现数据的双向绑定和实现计算器

代码如下：<!DOCTYPE html><html lang="en"><head> <meta char

java源码

java

机器学习

html

数据

原创 2022-11-09 14:42:15 69 阅读

Vue学习记录-- v-for使用详解

Vue指令之v-for和key属性迭代数组<ul> <li v-for="(item, i) in list">索引：{{i}} --- 姓名：{{item.n性 --> <div..

java源码

java

机器学习

html

迭代

原创 2022-11-09 14:42:10 50 阅读

Vue学习记录-- v-if 和v-show的使用和区别

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

java源码

java

机器学习

html

原创 2022-11-09 14:42:08 52 阅读

Vue学习记录--实例的生命周期

vue实例的生命周期什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数： beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性c

容器

java源码

java

生命周期

数据

原创 2022-11-09 14:42:06 77 阅读

Vue学习记录--使用ref获取DOM元素和组件引用

使用 this.$refs 来获取元素和组件 <div id="app"> <div> <input type="button" valu<h1 r

容器

java源码

java

html

h5

原创 2022-11-09 14:41:30 839 阅读

Vue学习记录--父子组件之间传值以及案例评论列表的实现

父组件向子组件传值组件实例定义方式，注意：一定要使用props属性来定义父组件传递过

容器

java源码

java

数据

json

原创 2022-11-09 14:41:25 41 阅读

Vue学习记录--组件

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用 Vue.ext

容器

java源码

java

数据

组件化

原创 2022-11-09 14:41:25 47 阅读

Vue学习记录-路由

什么是路由**后端路由：**对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对

容器

java源码

java

html

组件类库

原创 2022-11-09 14:41:20 63 阅读

VUE学习记录--结合node手写JSONP服务器剖析JSONP原理

JSONP的实现原理由于浏览器的安全性限制，不允许AJAX访问协议不同、域名不同、端口号不同的数据接口，浏览器认为这种访问不安全；可以通过动态创建script标签的形式，把script标签的src属性，指向数据接口的地址，因为script标签不存在跨域限制，这种数据获取方式，称作JSONP（注意：根据JSONP的实现原理，知晓，JSONP只支持Get请求）；具体实现过程：先在客户端定义

容器

java源码

java

客户端

json

原创 2022-11-09 14:40:50 56 阅读

Vue学习记录--自定义指令让文本框获得焦点，为绑定的元素设置指定的字体颜色和字体粗细

自定义指令自定义全局和局部的自定义指令： // 自定义全局指令 v-focus，为绑定的元素自动获取焦点： Vue.directive('focus', { inserted: function (el) { // inserted 表示被绑定元素插入父节点时调用 el.focus(); } }); ...

容器

java源码

java

自定义

自定义指令

原创 2022-11-09 14:38:21 56 阅读

Vue学习记录--私有和全局过滤器的使用

修改上一篇v

容器

java源码

java

字符串

数据

原创 2022-11-09 14:38:14 91 阅读

Vue学习记录--调试工具devtools的安装与使用

链接：https://pan.baidu.com/s/1m7l6tMBvzFxGoIHFPgbaKw提取码：ewpj下载上面的文件，将他放到一个固定的地

容器

java源码

java

谷歌浏览器

扩展程序

原创 2022-11-09 14:37:49 110 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx5bc47e97d0ded的博客