后端人员学习Vue历程(一)


背景

  本人为.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确实挺好用的(真香..)

 

    

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM