1.为什么我会想要来弄弄vue这个前端框架呢?
答:前段时间被小程序刷屏了,然后就去弄了一下小程序,嗯挺简单的;头脑一发热后就想到vue2也发布一段时间了,何不也来尝尝vue2.0的味道,最后发现它们俩长得太相近了,呵呵:-)。
2.关于我是怎么学这个框架的?
答:因为没人指导,也没有找视频看(其实是不方便看),最后只能自己在浏览器中摸索前进,我会把我摸到的相关链接放到这里以此备用,写到这里拥抱下自己。
3.你怎么这么啰嗦,还没有进入正文?
答:得咧,现在立马进入。
-----------------------我是华丽丽的分割线-----------------------
首先当然得放上官网参考文档,不然该怎么进行的下去^_^。
前面的安装生产环境呀等我就不说了,反正跟着官网指引准没错的。
现在开始介绍部分!
◆ 什么是vue
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架,采用自底向上增量开发的设计。Vue 的核心只关注视图层,也就是说是MVVM(Model-View-ViewModel)中VM层,保证视图和数据统一,形成双向数据绑定:-)。
◆ 引用
<script src=""></script>
https://unpkg.com/vue/dist/vue.js
https://npmcdn.com/vue@2.1.9/dist/vue.js
这个src自己随便选,也可以自己下载。
推荐 unpkg, 会保持和 npm 发布的最新的版本一致。
◆ Hello World
html :
1 <div id="vm"> 2 <p>{{message}}</p> 3 </div>
javascript :
1 <script type="text/javascript"> 2 var app=new Vue({ 3 el:"#vm", 4 data:{ 5 message:"hello vue" 6 } 7 }) 8 </script>
附上JSfiddle代码
https://jsfiddle.net/Chuyue_813/tzb0zptn/5/
啦啦啦,我会不定期的写下来,相互学习!