vue简明教程

VueJS简明教程(一)之基本使用方法
这是一篇超级简单的入门文章如果说是JQuery是手工作坊,那么Vue.js就像是一座工厂,虽然Vue.js做的任何事情JQuery都可以做,但无论是代码量还是流程规范性都是前者较优。Vue.js的官方中文教程其实也是一个不错的教程,不过相比于一次性把所有概念掌握,我更倾向于先会用,之后再在实际应用中把未涉及到的知识点逐步补全。就像开车,不是非要知道发动机的工作原理才能上路的,甚至你可能一辈子也不用知道。好了,开始吧准备首先,以下几点希望你已经知道或者做到了:你会用html+css+javascript 写一些网页你知道什么是DOM和BOM(Browser Object Model)你知道Vue.js是一个框架而不是一个新语言你会用百度或者Google其中之一去查找答案接着,我会围绕以下几个Vue.js的基本(核心)使用方法逐个做测试和使用说明:新建vue对象数据绑定事件绑定表单控件绑定最后,根据上面的知识点结合起来写出我们的第一个vuejs前端页面新建Vue对象引用vue.js
在桌面建立一个 Vue.html文件, 然后引入 vue.js的CDN地址 https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js
然后整个代码看起来是这样的:

Vue Demo 上面v-model.number后面的这个.number的意思是说在返回my_step值的时候自动转换成integer类型,因为默认是string类型,所以要多这么一句。本文算是vue的基础内容,下一篇将会是vue的核心内容,组件。前端的东西多且杂,东拼西凑总也不是进步的办法,我认为最好就是将主干的一支学明白用在实际项目中,其他的一些枝枝叉叉遇见了现看文档也是来得及的,比如我每次FLEX布局都要现查语法,甚至写前端页面的时候总是开着VUE的官方文档随时查看 -囧-我会写出一个用Vue.js构建SPA(Single Page Application)的系列文章, 希望可以让初学、转学VUE的人少走弯路最后的最后,转载请注明出处,谢谢 转载:https://www.jianshu.com/p/5d0d913d2453
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页