irose的博客

vue 的生命周期，大体分为三个时期：页面初始话显示、更新、死亡。初始化：beforeCreate、created、beforeMount、mounted、更新：beforeUpdate、updated死亡：beforeDestory、destoryed比较常用的有：挂载和beforeDestory。mounted//初始化显示之后立即调用；beforeDestory//死亡前调用一次，...

举两个例子1.单纯只获取本身的值，在一般的回调函数中，都默认存在$event<div id="demo"> <button @click="btn1">按钮一</button></div>new Vue({ el:'#demo', data:{ }, methods:{ btn1(event){ alert(event.t

1.你定义的2.你没有调用3.但它自己执行了因此，你需要清楚，你什么时候调用？用来做什么？例如set()和get()，我们知道每一个属性都有一个对应的set和get，他们都是回调函数，set是监视，get用来返回当前属性的值。...

computed是初始化执行和数据发生变化时执行。watch则是监测配置，当监测的对象的数据发生变化时则执行。这是我个人理解把computed看做全局，比较笼统，不管是什么数据，一旦发生变化则执行。watch则是局部，比较具体，具体那数据发生变化，则执行。...

初始化的时候执行和相关的data发生变化后执行。举个例子，当我修改第一行和第二行时，第三行就会发生改变。改变前：改变后：代码：<form id="app" action=""> <div> <label>姓 <input type="text" placeholder="请输入你的姓" v-model="xing"> </label> </div>

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

1.v-model在input的下拉框、单选按钮、复选框中的应用这里有一个值绑定的问题，不管是下拉框或者单选按钮还是复选框，我们都可以在对应的标签内设置value。以下拉框为例，我们在中添加了vulue=“A被选”，当我们选择第一个下拉框A的时候，在selected中的字符串为‘A被选’，如果我们不在中设置value值的话那么selected中的字符串将是中的值‘A’。单选、复选框同理。下拉框：<!--下拉框--><div id="app"> <select v-m

效果如图这里使用了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' }

最快捷的方法：步骤：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