0
点赞
收藏
分享

微信扫一扫

Vue的学习

有点d伤 2022-01-30 阅读 69

model是数据,视图和数据的双向绑定。

有了vue,DOM的操作可以不用了。

1.vue快速入门

使用之前需要下载一个vue插件。

vue.js,也要放在js包下。

el:#选中标签,就是要操作的范围。方框这俩对应。vue控制这个app区域。

new Vue:创造对象,里面的对象属性,可以写空字符串,也可以是别的字符串。

model绑定对象的属性值。

模型名字一样。return里得到的是模型数据。

 

然后在输出框里,模型的数据在变,红线的地方取出来的数据也在变。

 

 

2.vue常用指令



2.1 bind和model 

 2.2 on指令

 2.3 if和show

 对象里加一个count属性。

2.4 for

在对象里先创一个数组然后遍历它。

 

 红线是局部变量的名字,用来接收后面对数组的遍历。

 这句话,把值读到页面。

这样可以读到数组里的下标。

 

 

 3.vue生命周期

知道一个mounted就行。

 

4.vue案例,查询所有,新增品牌。

 

先用div包裹整个表单区域。然后写好src。

 

这里axios也有this,vue也有this,如果在内层用this,使用的是axios的this。

所以这里稍微改动。

 

然后就可以用v-for 指令来遍历数组。这个数组一定是放在vue自己属性里。

 

 

举报

相关推荐

0 条评论