# 如何实现一个简单的 Vue + React + jQuery 小网站
在这个教程中,我们将逐步引导你了解如何构建一个简单的小网站,结合使用 Vue、React 和 jQuery。尽管这三个框架在绝大多数情况下可以单独使用,结合这些框架可以帮助你更好地理解它们之间的异同。
## 项目开发流程
我们将使用以下步骤来完成我们的项目:
| 步骤 | 描述 |
|------|------|
|            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-08-20 07:13:30
                            
                                22阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            话不多说直接开干,先上一张功能图
思路及实现方式在vue中有动态组件的概念,即<component is='xxx'/>,那很容易的就能想到我们需要的数据是多个对象组成的数组,格式大致为[
   {
    title:'',//组件名
    icon:'',//操作栏中显示的icon
    prop:{} //组件的一些数据
    attr:{}//组件的自定义样式数据            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-02 17:31:30
                            
                                76阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            背景:今天公司要求用React开发小程序。what?我第一反应,react能开发小程序了?作为一个使用了vue长达3年的程序猿的我来说,心里一万只蚂蚱经过。哦?不慌,吃口药,我可以的。怀着半信半疑的心态去百度上搜搜了一下。哇去,还真有。度娘讨论的比较多的是 taro 和 remax。remax,使用真正的 React 构建小程序 -- 这句话引起我深入            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-24 18:45:25
                            
                                273阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、生命周期 先贴两张图: vue生命周期 小程序生命周期 相比之下,小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。 onLoad: 页面加载一个页面只会调用一次,可以在 onLoad 中获取打开当前页面            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-07-04 22:59:00
                            
                                90阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            相似之处:  1. 使用virtual DOM  2. 提供响应式和组件化的视图组件  3. 将注意力集中保持在核心库,将其他功能如路由、全局状态管理交个其他插件不同之处:React 和 Vue 在大部分常见场景下都能提供近似的性能,通常 Vue 会有少量优势,因为 Vue 的 Virtual DOM 实现相对更为轻量一些。优化方面,react应用中,某个组件的状态变化时,其会以这个组件为根,重新            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-29 11:33:39
                            
                                57阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue 比react的优缺点对比1 github 全球开发者星星点赞数量 此数据结果摘取于 2021年3月份结论 vue 胜出 尤雨溪一个人撑起一个生态 战胜高手林立的巨头公司facebook 相当的传奇!!对比2 React VS Vue: 性能React: 它有一个轻量级的 virtual DOM,并且不是特定于浏览器的。这是 React 与 virtual DOM 一起得到普及的主要原因,它            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-12 12:49:24
                            
                                78阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录 一、git1、git简介2、github简介3、在github上创建项目4、克隆代码5、提交代码6、git工作区7、分支8、对比分支9、生成ssh key10、安装git11、安装小乌龟12、忽略提交...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-28 17:15:36
                            
                                446阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录 一、Promise 二、swiper 三、$event 四、transition 过渡动画 五、toast组件 六、解构并不能实现对象的深拷贝 七、修改脚手架默认包管理工具 八、redux 九、react组件props类型检查和默认值 十、使用webpa...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-12 11:50:56
                            
                                337阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、严格模式(Strict Mode)StrictMode 是一个用以标记出应用中潜在问题的工具。http://react.html.cn/docs/strict-mode.html            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-25 12:36:12
                            
                                161阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录一、git1、git简介2、github简介3、在github上创建项目4、克隆代码5、提交代码6、git工作区7、分支8、对比分支9、生成ssh key10、安装git11、安装小乌龟12、忽略提交.gitignore13、git配置用户名和邮箱14、git免密参考链接二、MySql1、安装mys...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-30 16:36:06
                            
                                1122阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            首次发表在个人博客 相同点 都支持服务器端渲染 都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范 数据驱动视图 都有支持native的方案,React的React native,Vue的weex 不同点 React严格上只针对MVC            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-05-06 19:00:00
                            
                                69阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            react和vue的业务逻辑是差不多,vue在react上封装了更简洁的方法,使用起来更加的便捷,如:提供了便捷的指令(v-for,v-if,v-model),还提供了更多的属性(computed,watch),用react的,更接近js原生,更容易于理解它react:Facebook(团队)    vue:尤雨溪生命周期(列出常用            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-08-13 14:26:02
                            
                                290阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。一、生命周期看图说明:vue生命周期小程序生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。
onLoad: 页面加载 一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-20 10:07:26
                            
                                75阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.用Vue写小程序:机理,webpack和相关的loader将vue的程序变为wxml、wxss、js、json比如,你写的:将变为再比如,你写的将变为http://mpvue.com/首先要安装Vue-cli使用vue init命令实际上装的是github上面的包:然后启动项目npm run dev随着运行成功的回显之后,可以看到本地多了个 dist 目录,这个目录里就是生成的小程序相关代码。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-19 18:33:07
                            
                                90阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            引言Vue.js和React.js是两个目前在前端开发领域非常流行的JavaScript框架。它们都有着广泛的应用和强大的社区支持。本文将重点讨论Vue和React之间的区别,帮助开发者选择适合自己项目需求的框架。组件化开发方式Vue和React都采用了组件化的开发方式,将UI界面拆分成独立的可复用组件。但是两者在组件化方面有一些差别。Vue的组件化开发在Vue中,组件是Vue实例的扩展。Vue组            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-24 15:24:14
                            
                                191阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            react和vue的业务逻辑是差不多,vue在react上封装了更简洁的方法,使用起来更加的便捷,如:提供了便捷的指令(v-for,v-if,v-mode            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-08-13 14:26:02
                            
                                92阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            什么是小程序?微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用微信小程序的使用流程1.注册地址 https://mp.weixin.qq.com/wxopen/waregister?action=step1&token=&lang=zh_CN注册完登录小程序后台:开发->开发设置–AppID(小程序ID)2.下载地址            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-31 21:44:47
                            
                                73阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录一、Promise二、swiper三、$event四、transition 过渡动画五、toast组件六、解构并不能实现对象的深拷贝七、修改脚手架默认包管理工具八、redux九、react组件props类型检查和默认值十、使用webpack搭建react开发环境github源码:...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-30 16:35:58
                            
                                168阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录 一、git1、git简介2、github简介3、在github上创建项目4、克隆代码5、提交代码6、git工作区7、分支8、对比分支9、生成ssh key10、安装git11、安装小乌龟12、忽略提交...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-02 11:17:29
                            
                                127阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录 一、严格模式(Strict Mode) 二、React快捷方式 三、react 类型检查 四、immutable.js 五、100vh 六、微信小程序查询dom位置 七、组件样式隔离 八、first-child 一、严格模...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-12 11:48:12
                            
                                357阅读
                            
                                                                             
                 
                
                                
                    