当前位置: 首页 > Web前端 > CSS

Vue入门-Vue的核心

时间:2023-03-30 16:44:30 CSS

代码部分,请下载本文代码阅读,代码可以正常运行,并有详细注释。本文代码下载地址概览毫无疑问,Vue之所以如此受欢迎,主要是因为它是一个MVVM框架,而且它的文档简单易学。几乎所有觉得Vue难学的开发者都认为组件脚手架之类的不是很好我理解,但是这些都不是Vue的核心。Vue的核心体现在最容易学习的Vue指令和绑定中。学好Vue指令和绑定,基本上Vue就学了一大半。说完基本的核心知识点再做几个完整的demo。学习方法学习编程不要太低调。不要忽略Vue指令等简单知识。说明书最好背熟,尤其是新手,这样就不用讲解复杂的知识点了。我们把这些简单的知识点再复述一遍。当你熟悉了简单的知识点后,你的注意力会集中在几个最难的知识点上,这些知识点比较容易学,所以读者最好面对下面的代码和官方文档理解并记住这些说明更多,再研究下面的文章。Vue命令官方文档Vue命令大杂烩插值用法:{{demo1}}


v-textusage:
v-htmlusage:
v-showusage:这个是v-show的内容,v-show的值控制该元素的显示和隐藏
v-ifusage:这是v-if的内容
v-elseusage:Thisisv-ifContentThisisthecontentofv-else
v-else-if的用法:这是v-if的内容这是v-else-if的内容这是v-else的内容
v-forusage1:{{"这是第一个"+index+""+":"+item}}
v-for用法2:{{"key:"+key+"|"+"value:"+value+"|"+"index:"+index+""}}
v-onusage:
v-bindusage:改变输入的值不会修改t中的值他是vue实例,所以另一个输入不会修改
v-modelusage:改变input的值可以修改vue实例中的值,所以会修改另一个input,这叫做双向数据绑定
v-preusage:{{demo10}}}/span>
v-cloakusage:{{demo11}}|{{demo11}}
v-onceusage:{{demo12}}