丁鹿学堂教育

在html中使用react 今天跟大家分享react的基础语法。 我们采用最简单的方法，就是在html中引入react 因为一上来就使用脚手架的话，很多配置大家不一定清楚。 而在html中使用reac

react是什么 react官方定义：用于构建用户界面的JavaScript库。 值得注意的是，前端做项目很少使用原生js开发，而是使用js库或者框架。 在vue，react，angular之前，jq

在vue3中，data返回的对象会被vue3代理，所以data中的数据都是响应式的。 需要注意的是，数据要在data函数中作为对象返回才可以。 为什么data是一个函数返回对象？ 这样可以保证每个组件

js的普通对象 如果定义一个普通对象，修改对象的值，不会影响别的元素。 如果想要在修改对象的元素的同时，去触发一些别的操作，我们需要把对象进行改造。 在vue3中，使用的是代理模式。 给普通对象创建代

在实际开发中，我们都是通过脚手架创建vue项目的。 默认安装了node，yarn， 1创建项目： 为了学习，我们选择最简单的培训，一路下来都选no 2 创建项目以后，只是搭起了架子，需要再安装依赖，直

在vue3中，template模版中的html代码，并不能直接在网页中执行，而是会在项目运行时，在浏览器中被编译为js 的函数去执行。 问题：在template模版中写html，体验很差，智能提示都不

vue的所有功能模块，都可以抽出来作为组件去使用。 组件化的好处： 1 提高代码的复用性，一个页面如果有多个重复的，可以使用组件。组件之间的数据样式相互独立，互不干扰。 2 有利于代码的维护。当页面代

使用yarn 默认安装了nodeJS环境，使用yarn，比npm更好用。 使用yarn按钻过vite 使用yarn初始化项目 安装vite 安装vue 项目目录： 创建index.html src/i

vue3中数据和视图自动绑定 vue3中data中的数据，会自动和使用它的视图绑定，数据发生变化时视图会自动更细，无需我们手动操作dom 案例：创建一个按钮，记录点击次数。 传统的实现这个需求，我们需