VUE.JS
一枚AKIM
这个作者很懒,什么都没留下…
展开
-
mpvue踩坑之setter触发相关&Vue中数组和对象更改后视图不刷新的问题
vue以及mpvue中数组或对象中的数据发生改变后视图层没刷新的问题发现这个问题是因为自己在写学委小程序/高校班级助手的时候,使用的是mpvue框架,使用vue的语法来写小程序的,当遇到了上传图片或者上传文件的时候,由于$data中的数据结构形式使用的跟以往的不太一样,代码片段如下:data() { return { bgIsTransparent: false, dateTimeA...原创 2019-10-28 14:07:58 · 1376 阅读 · 0 评论 -
VUE.JS中的插值表达式、v-cloak、v-text、v-html、v-bind:、v-on:
插值表达式{{ x }},类似这样子的就叫插值表达式v-cloak使用v-cloak 能够解决插值表达式闪烁的问题,但是要配合style中的display:none、CSS的属性选择器来使用v-text默认v-text是没有闪烁问题的,v-text会覆盖元素中原本的内容,但是插值表达式只会替换自己的这个占位符,不会把整个元素的内容清空v-htmlv-ht...原创 2019-02-28 10:15:00 · 641 阅读 · 0 评论 -
Node(后端)中的MVC与前端中的MVVM之间的区别(笔记)
MVC是后端的分层开发概念,在之前接触过的YII2.0的时候,其也是使用了MVC的模式的MVVM是前端视图的概念,主要关注于视图层分离,也就是说,MVVM把前端的视图层,分为了三部分Model、View、ViewModelMVC和MVVM的关系大体如下图所示:从上图可以看出:M:model,也就是Vue对象中的data,这里的M保存的是每个页面中单独的数据V:view,也就是HTML...原创 2019-03-02 15:24:36 · 288 阅读 · 0 评论 -
什么是Vue.js
什么是Vue.jsVue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,...原创 2019-03-02 15:49:49 · 215 阅读 · 0 评论 -
VUE.JS的事件修饰符介绍
事件修饰符:.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式.self 只当事件在该元素本身(比如不是子元素)触发时触发回调.once 事件只触发一次.stop 阻止冒泡 <!-- 使用 .stop 阻止冒泡 --> <di...原创 2019-03-02 16:33:48 · 1610 阅读 · 0 评论 -
VUE.JS中v-bind和v-model的区别,以及使用v-model实现双向绑定(笔记)
在vue中,v-bind 只能实现数据的单向绑定,从 M (model)自动绑定到 V(view), 无法实现数据的双向绑定,因此如果想要实现数据的双向绑定,可以使用 v-model 指令,实现表单元素和 Model 中数据的双向数据绑定,注意: v-model 只能运用在 表单元素中附上代码:<!DOCTYPE html><html lang="en">&...原创 2019-03-02 17:21:54 · 2203 阅读 · 0 评论 -
VUE.JS中的样式 -class 绑定(笔记)
方法大概可以分为三种直接传递一个数组,注意:这里的class需要使用 v-bind: 作数据绑定<h1 :class="['thin','red','italic']">这是一个很大很大的H1</h1>在数组中使用三元表达式<h1 :class="['thin','red','italic',flag?'active':'']">这里的f...原创 2019-03-04 15:14:19 · 267 阅读 · 0 评论 -
Vue 实例的生命周期
Vue 实例的生命周期,下图展示了实例的生命周期,这个图是从VUE.JS官网中找到具体的可以参照官网下面介绍的是其生命周期钩子的函数beforeCreate ( 创建前 )在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选项对象还未创建,el 和 data 并未初始化,因此无法访问methods, data, computed等上的方法和数据。created ( 创建...原创 2019-04-15 15:36:54 · 319 阅读 · 0 评论 -
VUE.JS和微信小程序的一点点相同和不同之处
一、生命周期vue生命周期小程序生命周期相比之下,小程序的生命周期钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad:页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow:页面显示每次打开页面都会调用一次。onReady:页面初...原创 2019-04-15 15:52:34 · 1366 阅读 · 0 评论