背景
本人为.Net后台一只小菜鸟,看到很多地方开始用vue.js。开玩笑能有Jquery好用?于是决定学习一下,一探vue的究竟。
开始安装
百度搜索“vue安装”,咋还需要node.js什么的。什么东西,这么麻烦,不学了,再见........不对呀,我就用用js为啥还需要安装这些呢。不管了,官网下载vue.js到本地,引入项目。没错,这就行了。
开始学习
打开vue.js官网, Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。卧槽,不明觉厉,好像特别NB的样子,关闭,再见........不对,再往下看看。
<div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } })
感觉好像挺简单的,照着试试。好像挺简单的。现在数据和 DOM 已经被建立了关联,所有东西都是响应式的。我们要怎么确认呢?打开你的浏览器的 JavaScript 控制台 (就在这个页面打开),并修改 app.message
的值,你将看到上例相应地更新。这是个啥,照着说的看看,我去,还真的可以,虽然不知道什么原因,但是感觉好厉害的样子。
接下来:v-bind:.. 绑定特性
v-on:.. 绑定事件,(方法在methods写在中)
v-model= 在input、select、textarea、checkbox、radio绑定模型
好像挺简单的,嗯嗯.... 组件系统是..... 我去,这什么,看都看不懂,算了不看了,今天就先到这了。好像vue确实挺好用的(真香..)