笔者的话
2013年,在google工作的尤雨溪因为对于项目中使用的现有框架不满而开发了Vue。如今,Vue已然成为各大公司的前端首选,作为一名后端工程师,工作中也多多少少会接触到前端开发。本文是笔者在小破站学习Vue的笔记,如果大家感兴趣的话也可以去看看这位宝藏up主(编程不良人)的视频。
https://www.bilibili.com/video/BV1SE411H7CY
Vue引言
渐进式JavaScript框架 –Vue官网
渐进式
- 易用 HTML CSS JavaScript
- 灵活 开发灵活,多样性
- 高效 开发前端页面,非常高效
后端服务端开发人员
- Vue渐进式JavaScript框架:让我们通过操作很少的DOM,甚至不需要操作页面中的任何DOM元素,就很容易地完成数据和视图的绑定。 双向绑定 MVVM
- 注意:在使用Vue的过程中页面中不要再引入Jquery
- htmlcss—>javascript—>jquery—>angularjs—>Vue
Vue作者
- 尤雨溪
Vue快速入门
下载vue.js
1 | <!-- 开发环境版本,包含了有帮助的命令行警告 --> |
Vue第一个入门应用
1 | <div id="app"> |
1 | 总结: |
v-text和v-html
v-text
v-text: 用来获取data中的数据将数据以文本的形式渲染到指定标签内部,类似JavaScript中的innerText
1 | 总结: |
v-html
v-html: 用来获取data中数据将数据中含有的html标签先解析再渲染到指定标签内部,类似JavaScript中的innerHtml