vue 入门知识点总结

实例化vue对象的重要选项

1:data对象是存储所有的vue实例数据的。


使用数据的其中一个方法是双花括号,如下所示。


2:methods对象,该对象里面主要封装的是vue实例中要用到的方法,其中,如果在方法中想要用到data对象中的数据,就采用this.a的方法来获取数据


3:watch监听对象,该对象里主要处理的业务是指定想要监听的对象,一旦该对象作出改变,则执行相应的业务逻辑。


模板指令,模板指令是写在html中的,这里介绍下常用的模板指令以及用法

1:常用的数据渲染的绑定指令v-text,v-html,以及最最常见的{{}}


2:常用的模块隐藏显示指令v-if,v-show,两者表面上看都是实现元素的显示隐藏,但是v-if是动态的增加或者删除DOM元素,而v-show是DOM中一直有该元素,只是通过css的display属性进行显示隐藏


3:列表渲染指令 v-for



事件绑定的方法

事件绑定的指令是v-on:如果是点击事件就是v-on:click,等号后面跟的就是绑定的方法名称,应该写在methods对象中,下面是简写方式,其中@就相当于v-on:

属性邦定常用的指令是v-bind:,简写形式是字需要保留:即可,常用的是对class进行绑定


总结

1:新创建new一个vue对象的时候,最重要的三个属性是data,methods,watch三个对象

2:vue应用程序里的数据跟视图进行关联的枢纽是html指令,其中最常用的指令是

v-bind,v-on,v-text,v-html,v-show,v-if,v-for.




猜你喜欢

转载自blog.csdn.net/ygy211715/article/details/79667151