Vue
文章平均质量分 80
Vue学习记录
Liknana
人生的艰难困苦无法选择,但是可以自己无坚不摧,战无不胜,星光不问赶路人,时间不负有心人,前程似锦,未来可期
展开
-
Vue-Router路由,你还不会?
Vue-Router路由,你还不会? 你一定要走,走到灯火通明。 文章目录Vue-Router路由,你还不会?前端路由和后端路由的区别课堂案例添加路由添加组件配置路由规则更改点击路由链接路由嵌套添加组件配置路由规则增加路由链接动态路由增加组件配置路由规则配置路由链接项目打包 前端路由和后端路由的区别 1、什么是前端路由? 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端根据 url 的不同返回不同的页面实现的; 2、什么是后端路由? 通过用户请求的url导航到具体的ht原创 2021-11-11 00:55:12 · 1876 阅读 · 0 评论 -
Vue的组件化
Vue的组件化 世人慌慌张张,不图碎银几两,而这碎银几两,却可解世间惆怅,可让父母安康,可护幼子成长。 文章目录Vue的组件化Vue脚手架环境搭建创建Vue脚手架工程打开项目运行项目课堂案例1.将App.vue文件里面默认代码删除2.创建组件3.测试组件化案例升级案例再升级导入axios更改main.js前端代码使用Element-Plus框架 Vue脚手架环境搭建 我这里直接放一个安装教程的PDF 下载链接 创建Vue脚手架工程 1、在cmd输入vue ui 打开项目 运行项目原创 2021-11-03 20:31:50 · 2752 阅读 · 3 评论 -
计算属性和监视属性以及绑定样式
计算属性和监视属性 星光不问赶路人,时间不负有心人 文章目录计算属性和监视属性计算属性案例插值语法实现methods实现计算属性实现计算属性简写监视属性案例简单实现监视属性深度监视监视属性简写watch实现 计算属性案例 要求:在上面两个输入框输入性和名,下面会出现全名 插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>姓名案例_原创 2021-10-27 20:45:14 · 97 阅读 · 0 评论 -
数据代理与事件
数据代理与事件 星光不负赶路人,满身花香蝶自来 文章目录数据代理与事件回顾Object.defineProperty方法何为数据代理Vue中的数据代理事件的基本使用事件的修饰符键盘事件 回顾Object.defineProperty方法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>回顾Object.defineproperty方法</title&g原创 2021-10-26 19:24:44 · 84 阅读 · 0 评论 -
理解MVVM模型
理解MVVM模型 我们的目标是星辰大海,而非人间烟尘 MVVM模型 M:模型(Model) :data中的数据 V:视图(View) :模板代码 VM:视图模型(ViewModel):Vue实例 观察发现: 1.data中所有的属性,最后都出现在了vm身上。 2.vm身上所有的属性 及 Vue原型上所有属性,在Vue模板中都可以直接使用。 源码分析: <!DOCTYPE html> <html> <head> <meta charset="utf原创 2021-10-25 21:02:01 · 170 阅读 · 0 评论 -
Vue基础语法一
Vue基础语法(一) 我们的征程是星辰大海,而非人间烟尘 文章目录Vue基础语法(一)模板语法数据绑定el与data的两种写法 模板语法 Vue模板语法有2大类: 1.插值语法: 功能:用于解析标签体内容。 写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。 2.指令语法: 功能:用于解析标签(包括:标签属性、标签体内容、绑定事件…)。原创 2021-10-10 22:18:45 · 100 阅读 · 0 评论