美文网首页
Vue学习笔记

Vue学习笔记

作者: Realank | 来源:发表于2019-07-15 18:12 被阅读0次

https://cn.vuejs.org/v2/guide/instance.html

模版语法

插值

<span>Message: {{ msg }}</span>

计算属性

计算属性

绑定HTML Class

<div v-bind:class="{ active: isActive }"></div>

条件渲染

<h1 v-if="awesome">Vue is awesome!</h1>
<h1 v-else>Oh no 😢</h1>

<h1 v-show="ok">Hello!</h1>

列表渲染 v-for

列表渲染 列表渲染 index 遍历对象

事件处理

简单事件处理 方法处理

输入绑定 v-model

<input v-model="message" placeholder="edit me">
<p>Message is: {{ message }}</p>

组件

!组件](https://img.haomeiwen.com/i662664/2e39300daf45763c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/900)

相关文章

网友评论

      本文标题:Vue学习笔记

      本文链接:https://www.haomeiwen.com/subject/mnkokctx.html