Vue基础入门与基础问题

vue在线引用

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

jquery在线引用

　<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

v-for

<p v-for="(item,i) in 数组名">  迭代普通数组 {{item}}  {{id}}  </p>

<p v-for="(user,i) in 数组名">迭代对象数组  {{user.id}}  {{user.name}}</p>

<p v-for="(val,key) 数组名">迭代对象  {{key}}  {{val}}</p>

v-show与v-if区别
v-show 频繁切换 更改标签的display属性
v-if 直接将doc元素删除 或重新添加

v-bind
v-bind：属性名=“属性值”绑定这个属性 对应的值去data里面找

缩写
“:” 是指令 “v-bind”的缩写，“@”是指令“v-on”的缩写；

v-text与v-html区别
v-text和{{}}表达式渲染数据，不解析标签。
v-html不仅可以渲染数据，而且可以解析标签。