位置: IT常识 - 正文
Vue官方学习笔记(vue笔记大全)
编辑：rootadmin视频地址：https://learning.dcloud.io/#/?vid=0 开发工具：XbuilderX 官方教程：https://cn.vuejs.org/v2/guide/ 序言 Vue.js ：渐进式JavaScript框架 Vue.js优点 1.体积小 压缩后33K； 2.更高的运行效 ... 视频地址：https://learning.dcloud.io/#/?vid=0开发工具：XbuilderX官方教程：https://cn.vuejs.org/v2/guide/序言Vue.js ：渐进式JavaScript框架Vue.js优点
本文链接地址:https://www.jiuchutong.com/zhishi/303727.html
转载请保留说明！
推荐整理分享Vue官方学习笔记(vue笔记大全)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue官网教程,vue入门教程,vue入门教程,vue系列教程,vue入门,vue总结 笔记,vue笔记大全,vue入门教程,内容如对您有帮助，希望把文章链接给更多的朋友！
1.体积小
压缩后33K；
2.更高的运行效率
基于虚拟dom，一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化的技术，由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM。
3.双向数据绑定
让开发者不用再去操作dom对象，把更多的精力投入到业务逻辑上；
4生态丰富、学习成本低
市场上拥有大量成熟、稳定的基于vue.js的ui框架、常用组件!拿来即用实现快速开发!
对初学者友好、入门容易、学习资料多；
第1节 安装与部署根据自己的浏览器选择，推荐谷歌浏览器或者开发工具内置浏览器
无法下载可以使用vue_dev_tools.crx
采用直接用 <script> 引入打开XbuilderX从https://learning.dcloud.io/#/?vid=0 导入课程源码
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="https://www.cnblogs.com/yyq1/p/vue.js" type="text/javascript" charset="utf-8"></script></head><body><script type="text/javascript">Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。</script></body></html>从开发工具运行到浏览器或者内置浏览器
在浏览器F12，无报错，输入Vue.config回车
第2节 创建第一个vue应用<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="https://www.cnblogs.com/yyq1/p/vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app">{{ message }} {{name}}</div><script type="text/javascript">var app = new Vue({ //Vue是通过上面引入vue.js获得的全局变量，通过new获得一个app应用对象el: '#app', //el是Element选项，通过ID选择器的方式选中#app divdata: { //用于保存数据，在div视图中上一篇：discuz怎么修改admin.php(discuz怎么修改招聘内容)