Vue声明式渲染、条件与循环、事件绑定、双向绑定
1、声明式渲染
Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。
在app.vue中的template里
在app.vue中的export default中
效果图:
2、条件与循环
在template中用v-if定义seen
在下方的export default中的return中添加
seen=true,(显示)或seen=false,(隐藏)
v-for 指令可以绑定数组的数据来渲染一个项目列表:
在return中添加
效果图:
3、事件绑定
下方注释为简写方式。
在组件下方添加新的事件:
效果为:出现弹出框内容为 ‘触发了!’
4、双向绑定
在template中
在return下添加:
出现效果为: