Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。

本章节是关于 Vue1.x 版本的内容,如需查看 Vue2.x,可点以下链接。

直接下载并用 script 标签引入,Vue 会被注册为一个全局变量。

接下来我们创建一个 view 层 HTML 文件:vueapp.htm,以及 model 层文件:vueapp.js,然后通过 vue.js(使用v-model这个指令)完成中间的底层逻辑,实现绑定的效果。改变其中的任何一层,另外一层都会改变。

以上实例中 {{message}} 会根据输入框 input 的改变而改变,如果你不想让其变化可以修改为:

因为 v-if 是一个指令,需要将它添加到一个元素上。但是如果我们想切换多个元素呢?此时我们可以把一个 template 元素当做包装元素,并在上面使用 v-if,最终的渲染结果不会包含它。

这里reverse并不是内建的过滤器,我们可以用Vue.filter自定义:

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注