脚本宝典收集整理的这篇文章主要介绍了我的 Vue.js 学习日记 (三),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
写了两篇文字发现并没有什么实质性的收获,由于时间上的原因可能无法这样一点一点的看了,今天准备先了解一下模版与属性。
语法{{}}
用法:
额外信息:
<span v-once
>{{num +1}}</span> 如此可以阻止数据更新。
<div v-html="hr"
></div> 我们假设hr : '<hr/>'
,那么这里将生成一个横线到html
这里只介绍了两个常用的指令,我想我可以通过对其的学习来掌握那些以后将会用到的指令。v-bind
用法:
v-bind:id
="id"></div>v-bind:src
="img"><a v-bind:link="uri"></a>
去掉v-bind
,只写:
<a :link="uri"></a>
v-on
用法:
v-on:click="method"
>按钮</button>@click="method"
>按钮</button>那么什么是计算属性?
var vm = new Vue({
el: '#app',
data: {
msg: 'hello world.',
num : 1,
hr: '<hr/>',
seen:true,
type:'a'
},
computed:{
doSomething:{
get : function () {
return 1
},
set : function (value) {
this.num=value
}
}
}
})
通过观察可以看出
el
、data
是平级的get
与set
属性访问器有逻辑运算
既然计算属性computed
可以写逻辑,那么问题来了,他和方法methods
有什么区别呢?
Vue给出了答案
当计算属性或方法内部
用到的数据
没有变化时,对他们进行重复调用
,计算属性只会计算一次
,之后的都是直接拿已有的结果返回,而方法每次都要重新跑
一边
Vue将computed
与watch
拿来做了一下比较,其实我感觉computed是调用型
,而watch是触发型
,没什么好比的吧...
本节的最后Vue提到了axios
,它相当于Ajax
,用途就不言而喻了。
这样学感觉有些盲目,从明天起,开始以小Demo的方式来学习吧。
加油!
以上是脚本宝典为你收集整理的我的 Vue.js 学习日记 (三)全部内容,希望文章能够帮你解决我的 Vue.js 学习日记 (三)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。