Vue从入门到实战
关注
分享
扫一扫
Vue从入门到实战
洪布斯
桃李不言，下自成蹊。
展开
-
0. vue介绍
课程介绍1. 带领大家 入门 vue2. 同学们需要掌握 html、css、js什么是vue?Vue (读音 /vjuː/，类似于 view)，是一套用于构建用户界面的渐进式框架。框架和库的区别？库是将代码集合成一个产品，供开发者去使用，开发者去调用库中的方法去实现自己的功能。 例：jquery、zepto框架是为了解决一类问题而开发出来的产品，基于自身的特点向用户...原创 2019-12-26 21:21:33 · 156 阅读 · 0 评论 -
1. 创建一个vue实例
vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-26 21:24:17 · 660 阅读 · 0 评论 -
2. v-(bind、on)，绑定class、style
vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-26 21:26:05 · 221 阅读 · 0 评论 -
3. 条件渲染
vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-26 21:27:00 · 100 阅读 · 0 评论 -
4. 列表渲染
vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-26 21:29:27 · 120 阅读 · 0 评论 -
5. 双向数据绑定
vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-26 21:30:48 · 115 阅读 · 0 评论 -
6. 计算属性和侦听器
vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-26 21:31:36 · 351 阅读 · 0 评论 -
7. 初识组件
vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-26 21:32:27 · 129 阅读 · 0 评论 -
8. 组件数据传递&属性校验
vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-27 09:38:41 · 140 阅读 · 0 评论 -
9. ref 引用
vue.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-27 09:38:58 · 223 阅读 · 0 评论 -
10. 安装脚手架
安装：安装node需要下载node: nodejs.org查看node版本：node -vnode >8.9如果之前已经安装过旧版本（非3.x）脚手架，需先卸载旧版本：npm uninstall vue-cli -gnpm install -g @vue/cli 安装脚手架，用于生成项目npm install -g @vue/cli-service-global ...原创 2019-12-27 09:39:07 · 202 阅读 · 0 评论