重庆沙坪坝企业网站建设联系电话,阿里国际站韩语网站怎么做,专业定制网站设计,手机网站 案例Vue.js 教程 | 菜鸟教程 (runoob.com)
放一下课上的内容 Vue练习
1、练习要求和实验2的用户注册一样#xff0c;当用户输入后#xff0c;能在下方显示用户输入的各项内容#xff08;不需要实现【重置】按钮#xff09;
2、实验报告中的实验小结部分来谈谈用JS、jQuery和…Vue.js 教程 | 菜鸟教程 (runoob.com)
放一下课上的内容 Vue练习
1、练习要求和实验2的用户注册一样当用户输入后能在下方显示用户输入的各项内容不需要实现【重置】按钮
2、实验报告中的实验小结部分来谈谈用JS、jQuery和 vue.js来实现用户注册的使用差别
原生 JavaScript
优势
无依赖不需要额外的库或框架。控制开发者可以更精确地控制代码行为不受库或框架的限制。
劣势
代码量可能需要编写更多的代码来处理DOM操作和状态管理。兼容性需要手动处理不同浏览器之间的兼容性问题。
jQuery
优势
简化DOM操作jQuery提供了一套简洁的API来处理DOM操作使得代码更简洁易读。插件丰富有大量现成的插件可以使用可以快速实现复杂功能。跨浏览器兼容性jQuery处理了大部分的浏览器兼容性问题。
劣势
性能相对于原生JavaScriptjQuery的操作可能会稍慢。体积引入jQuery库会增加页面的加载时间。现代化问题随着前端技术的发展纯粹依赖jQuery的开发模式已逐渐被现代框架所替代。
Vue.js
优势
数据双向绑定Vue.js的双向绑定机制可以简化表单输入与数据模型之间的同步。组件化支持将界面拆分成可重用的组件有利于代码的组织和复用。现代化工具支持配合Vue CLI等工具可以快速搭建项目支持热重载、代码分割等现代开发实践。生态系统有丰富的插件和库可以使用社区活跃。
劣势
学习曲线相比于jQueryVue.js的学习曲线稍陡需要理解组件化和MVVM模式。依赖项目需要依赖Vue.js框架本身可能会有一定的学习和维护成本。
应用场景
原生JavaScript适用于不需要额外库依赖且追求最小化或教育目的的项目。jQuery适合快速开发特别是在旧项目中已经广泛使用jQuery的情况。Vue.js适用于需要高度组织的代码和前端驱动的复杂应用例如SPA单页应用。
3、启动项目后出现登录页面路由为“ http://站点地址/”
4、输入正确的用户名和密码常量后单击【登录】按钮跳转到预设的首页咖啡屋页路由为“ http://站点地址/coffee/:userName”,userName为登录输入的正确用户名,首页巨幕显示登录的用户名信息导航要设置成单独的组件并引用到网站所需的页面上
5、输入不正确则显示“登录失败”等字样
6、单击【注册】按钮跳转到注册页路由为“ http://站点地址/reg”
7、进入咖啡页首页后可单击顶部导航“点单”进入点单页面路由为“ http://站点地址/order”能根据用户点单实时计算总价。
