vue与vue-cli之间的反思和学习一

       各位大佬,大家好,今天跟大家一起分享一下Vue和Vue脚手架的知识,经历过了Vue和Vue-cli学习的朋友你肯定会知道在官网上的学习,Vue和Vue-cli有许些的不同,为什么?因为在官网上初学vue的人,会感觉vue不就是调用一下vue.js的原码进入html界面就可以在<script></script>中进行界面动态信息的绑定和操纵了,其实没有那么简单,因为如果只是到了这层思想并持续下去,vue的学习基本就已经偏离正确的航向了,接触了vue-cli的朋友,会知道其实vue框架将界面与界面之间的联系绑定的相当紧密,不管是通过父子组件,props传值,方法调用,生命周期还是路由,都是将整个前端,多界面或者单界面联系的相当紧密。

       Vue中{{ }}双大括号绑定界面上的显示传值,基本上{{}}双大括号都是在html代码中使用,用于显示动态的传值。

        v-bind:title=" " v-bind绑定的是动态属性的值,静态的值绑定不了,会出问题。动态属性值和静态属性值的区别在于什么,举个例子:

        v-bind:title="message" 这个message会在vue代码中的data () {}里面确定和修改,可以不一样,就是动态值,

        v-bind:title="我是中国人,我爱我的祖国",这样的就是静态值,不能改动。所以v-bind不能绑定这样的静态值,真会出问题。

        v-model="message"  这个真的是实现了表单输入和应用状态之间的双向绑定,真的是双向绑定,以便于修改和获取表单中的值,在网页书写中可以很轻松的获取表单中的值。

        Vue中有两个东西,methods和computed两个,methods是方法属性,computed是计算属性,methods类似于一个存储方法的容器,所有需要进行执行的函数都可以放在methods里面,并在computed或者生命钩子中进行调用,然后methods内部的方法可以通过在html代码中设置触发事件来进行方法的调用,computed中的方法是在界面一开始加载的时候就开始进行执行,不过是你调用了它里面的方法时才会执行,不调用不执行,也就是说,你computed中有东西,界面一加载就执行,如果没有东西,界面加载后啥都不执行。

       

       Vue中最终要的是生命的钩子,beforeCreate(),created(),beforeMount(),mounted(),beforeUpdate(),updated(),beforeDestroy(),destroyed()

       

        

 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

luolvzhou

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值