vue的使用

vue是什么

vue是一套用于构建用户见面的渐进式框架。是一套前端框架基于node.js的框架。

然后使用vue

最简单的方法就是外部引入官方CDN

这些都在vue官网上可以找到 只需要引入在html 中就可以使用vue了

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

之后你就可以实例化一个vue对象就可以开始使用vue了

vue在里

el值用于绑定div。绑定了之后在这个div里就可以使用vue的所有内容了

data属性在里面可以传一个对象。对象可以传变量以及数据。

vue可以在data里面写一个变量然后再html中动态绑定就可以了。

vue动态绑定有几种方式。

0. 在标签里面绑定变量。用v-bind方式 例如 v-bind:title="变量" 当然也可以缩写 :title="变量"

1.在标签外绑定变量 vue提供了模板语法 {{变量}}就可以动态绑定了，

2.在特定的属性中绑定变量 在 style中绑定和之前差不多 但是style中绑定之后要传一个对象其中key值是要改变的属性

value值是样式。在value中可以传变量。

和所有框架一样vue中也提供了模板语法。

上面已经讲了的{{}},v-bind语法。

v-html语法可以让你显示原生的html

v-if和v-else 语法 可以让你html 可以使用if判断这个显示或者不显示

v-show:true的时候显示不然就不显示

v-for 用于循环 和之前我们所学的for循环不太一样

v-for是吧对象迭代出来 

类似于foreach语法

v-on用于监听要传的事件，他可以缩写为@