多条告白如次剧本只需引入一次
本期我们聊到了mvvm模子,这一期我们来聊一下vue的范例,这个是个很要害的货色,万万别忽视了,底下发端:
目的:1 领会范例中的data用法和method用法
最基础的范例是什么格式的呢,是如许的啦:
el: 表白要操纵的页面元素, 必填参data: 数据, 不妨领会为面向东西中的”属性“,他主假如保存数据的,当步调运转时,监察和控制页面传来的数据,举行窜改,启用时按照他的数据衬托页面。methods: 本领, 不妨领会为面向东西中的”本领“,按照本领不妨变换属性的值,进而变换页面,乞求交互,一系列的操纵如许领会是否就很领会啦?
为了再精细证明一下这个观念,我们来做一个熟习:
这个熟习很典范,即是实行一个减法器,比方左边两个输出框,右边为截止框,当左边输时髦点击即是=号,计划截止:
手段:锤炼data和method的领会,底下发端我的扮演:
图片在这边,该肿么办呢?那依照办法来吧!
1 先创造html文献,定名method.html
2 实行下文提到的vue三部曲(这个确定要控制,反面名目要用到)
3 vue三部曲搞完之后搞页面,创作三个input框,一个按钮
4运用v-model绑定属性
5 绑定本领
如许就不妨算出来啦!
归纳:经过两个input框绑定命值,如许当input框输出值时,经过v-model绑定了值,在即是号加上本领,当输出值时,点击即是号,挪用本领,如许双向绑定的本领管帐算出来!