Vue 学习笔记(一)

来源:互联网 发布:电子琴与电钢琴 知乎 编辑:程序博客网 时间:2024/05/22 00:28

Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。

Vue 只关注视图层, 采用自底向上增量开发的设计。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。


刚搞完一个微信小程序,处于找工作焦灼状态中的我,开始了前端深入学习,感觉Vue和微信小程序的数据绑定很像的样子。

顺便吐槽一下微信小程序的坑,mdzz,不让做社交,做社交要ICP证,智障!


Vue的Hello word

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://unpkg.com/vue/dist/vue.js"></script></head><body><div class="HelloVue">  <p>{{ Hello }}</p></div><script>new Vue({  el: '.HelloVue',  data: {    Hello: 'Hello Vue.js!'  }})</script></body></html>
运行结果截图

是不是感觉跟微信小程序很像!只不过微信小程序是一个页面绑定一套数据页面内都可以用,Vue需要制定一个区域罢了(可能也不需要,刚开始学,后边会修正)。