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用于监听要传的事件,他可以缩写为@