Vue第一季学习笔记.pdf
需积分: 0 168 浏览量
2023-01-30
14:35:23
上传
评论
收藏 536KB PDF 举报
愿景："让编程不在难学，让技术与生活更加有趣" 更多教程请访问 xdclass.net
第一章 Vue核心知识讲解
第一节 初识VUE，走进VUE的世界
简介：对比前端三大框架，讲述vue为什么这么火以及发展趋势
历史介绍
angular 09年，年份较早，一开始大家是拒绝 star:59.3k
react 2013年, 用户体验好，直接拉到一堆粉丝 star:119k
vue 2014年, 用户体验好 star:124k
Vue等框架与jQuery的区别
jQuery是基于操作dom的库
Vue框架是以数据驱动和组件化开发为核心
第二节 引包、留坑、实例化 、插值表达式{{}}
简介：如何开展vue，用vue做出自己的第一个网页
1. 引包
确认已经下载了node,然后执行命令 npm install vue (如需下载自己要的版本在vue后面加上@版本号)
页面引入刚下载的包
<script type="text/javascript" src="vue.js"></script>
2. 留坑 即留一个vue模板插入的地方或者是vue代码对其生效的地方
3. 实例化 即启动Vue
启动： new Vue({el:目的地,template:模板内容});实例化传入的是一个对象options
options
目的地 el 对应上面留坑的坑位，可通过id名，类名，标签名来查找 。方式和jq一样
内容 template
数据 data 值为函数形式也可是对象，但是都是用函数，因为用的函数最后也是return一个对象
4. 插值表达式{{ }}
插值表达式内填入data里面的变量即可在页面取到变量值{{ data里的变量 }}
第三节 熟悉及使用常用指令
简介：展示vue的常用指令以及讲解使用场景
资源评论
