![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
迷沉
在读研究生
展开
-
vue的生命周期
vue 的生命周期,大体分为三个时期:页面初始话显示、更新、死亡。初始化:beforeCreate、created、beforeMount、mounted、更新:beforeUpdate、updated死亡:beforeDestory、destoryed比较常用的有:挂载和beforeDestory。mounted//初始化显示之后立即调用;beforeDestory//死亡前调用一次,...原创 2021-05-19 14:42:18 · 73 阅读 · 0 评论 -
vue的$event事件绑定,获取当前值
举两个例子1.单纯只获取本身的值,在一般的回调函数中,都默认存在$event<div id="demo"> <button @click="btn1">按钮一</button></div>new Vue({ el:'#demo', data:{ }, methods:{ btn1(event){ alert(event.t原创 2021-05-19 12:43:13 · 2419 阅读 · 1 评论 -
js回调函数满足三个条件?
1.你定义的2.你没有调用3.但它自己执行了因此,你需要清楚,你什么时候调用?用来做什么?例如set()和get(),我们知道每一个属性都有一个对应的set和get,他们都是回调函数,set是监视,get用来返回当前属性的值。...原创 2021-05-18 16:08:59 · 409 阅读 · 0 评论 -
vue的computed和watch的理解
computed是初始化执行和数据发生变化时执行。watch则是监测配置,当监测的对象的数据发生变化时则执行。这是我个人理解把computed看做全局,比较笼统,不管是什么数据,一旦发生变化则执行。watch则是局部,比较具体,具体那数据发生变化,则执行。...原创 2021-05-18 13:42:46 · 92 阅读 · 0 评论 -
vue实例下的computed什么时候执行?
初始化的时候执行和相关的data发生变化后执行。举个例子,当我修改第一行和第二行时,第三行就会发生改变。改变前:改变后:代码:<form id="app" action=""> <div> <label>姓 <input type="text" placeholder="请输入你的姓" v-model="xing"> </label> </div>原创 2021-05-15 20:54:20 · 11027 阅读 · 0 评论 -
vue模板语法
1.模板理解动态的html页面,包含了一些js语法代码,在页面的用法主要分为双大括号和一些指令(一些以V-开头的标签属性)。2.双大括号语法:{{表达式}}3.指令一绑定数据例子,动态修改图片的URL<div id="img"> <img v-bind:src="url" alt=""> <div>{{msg}}</div> <div v-text="msg"></div> <div原创 2021-05-15 16:46:07 · 78 阅读 · 0 评论 -
vue中v-model使用方法
1.v-model在input的下拉框、单选按钮、复选框中的应用这里有一个值绑定的问题,不管是下拉框或者单选按钮还是复选框,我们都可以在对应的标签内设置value。以下拉框为例,我们在中添加了vulue=“A被选”,当我们选择第一个下拉框A的时候,在selected中的字符串为‘A被选’,如果我们不在中设置value值的话那么selected中的字符串将是中的值‘A’。单选、复选框同理。下拉框:<!--下拉框--><div id="app"> <select v-m原创 2021-05-15 11:37:16 · 4155 阅读 · 2 评论 -
vue实现搜索框输入内容在页面实时显示,v-model的简单使用
效果如图这里使用了v-model,代码如下:html:<div id="app"> <input type="text" v-model="word"> <div>hello!!!{{word}}</div></div>vue: var app = new Vue({ el: '#app', data: { word: 'irose' }原创 2021-05-15 11:10:05 · 4287 阅读 · 0 评论 -
webstorm添加vue.js标签
最快捷的方法:步骤:1.打开setting的editor2.按照以下顺序添加vue的标签即可一般使用的有v-textv-htmlv-oncev-ifv-showv-elsev-forv-onv-bindv-modelv-refv-elv-prev-cloakv-on:clickv-on:keyup.enterv-on:keyup原创 2021-05-15 10:51:18 · 283 阅读 · 0 评论