初试 Vue.js

1.为什么我会想要来弄弄vue这个前端框架呢?

答:前段时间被小程序刷屏了,然后就去弄了一下小程序,嗯挺简单的;头脑一发热后就想到vue2也发布一段时间了,何不也来尝尝vue2.0的味道,最后发现它们俩长得太相近了,呵呵:-)。

2.关于我是怎么学这个框架的?

答:因为没人指导,也没有找视频看(其实是不方便看),最后只能自己在浏览器中摸索前进,我会把我摸到的相关链接放到这里以此备用,写到这里拥抱下自己。

3.你怎么这么啰嗦,还没有进入正文?

答:得咧,现在立马进入。

-----------------------我是华丽丽的分割线-----------------------

首先当然得放上官网参考文档,不然该怎么进行的下去^_^。

戳一下有官网教程链接

(再戳一下看API 咯)

前面的安装生产环境呀等我就不说了,反正跟着官网指引准没错的。

现在开始介绍部分!

◆ 什么是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 :

 <div id="vm">
<p>{{message}}</p>
</div>

  javascript :

 <script type="text/javascript">
var app=new Vue({
el:"#vm",
data:{
message:"hello vue"
}
})
</script>

附上JSfiddle代码  

https://jsfiddle.net/Chuyue_813/tzb0zptn/5/

啦啦啦,我会不定期的写下来,相互学习!

上一篇:【leetcode刷题笔记】Palindrome Partitioning II


下一篇:11正则表达式RE