heming20122012的专栏

子传父的实现方式就是用了 this.e m i t 来遍历 g e t D a t a 事件，首先用按钮来触发 s e t D a t a 事件，在 s e t D a t a 中用 t h i s . emit 来遍历 getData 事件，首先用按钮来触发 setData 事件，在 setData 中 用 this.emit来遍历getData事件，首先用按钮来触发setData事件，在setData中用this.emit 来遍历 getData 事件，最后返回 this.msg。

特性v-ifv-show渲染方式动态添加或删除元素控制元素的可见性性能条件变化频繁时性能差性能较好使用场景运行时条件不确定的场景条件确定但需要频繁切换。

Vue 3 在多个方面进行了显著的改进，增强了性能、灵活性和可维护性，特别是在响应式系统、API 设计和 TypeScript 支持等方面。vue2：使用Vuex，通过 state、getters、mutations 和 actions 组织，采用单一的全局状态树，所有状态集中在一个地方，便于管理和调试。vue2：创建 Vue 实例是通过 new Vue() 构造函数来实现的，通常是在 main.js 文件中直接创建应用实例，并将路由和状态管理作为选项传入。路由和状态管理通过 use 方法进行插件注册。

第3行和第4行的代码倒是没问题的，第5行的代码有问题执行报错了。2、然后看下导航的方法，发现找不到navigateTo方法。在HBuilder X工具中新建一个空白项目，然后在pages.json文件里加上路由。1、新建一个about页。

5、开发页面，使用的是vue的ref来控制页面图形验证码区域显示，点击图片区域则会换一个图形验证码。2、写接口，这块不需要登录成功才能操作的，所以写controller就行了，不涉及服务。查看redis的缓存，和页面看到的一致。点击图形区域，发现又调用了该接口。4、对应的配置文件的配置。页面加载时，有调用该接口。

4、点击按钮后，会有晃动效果。2、script中的代码。3、style中的代码。

1、在我整理好前端代码框架后，而且也启动好了对应的后台服务，访问页面，正常。3、在vue网站的演练场，使用没问题。4、但是在我自己的代码里就出问题了。

1、代码为我所用，先建一个前端目录，然后把框架代码、登录代码拷贝进来。

后面换成nodejs16，启动前端成功了。我刚开始用的nodejs14报错，1、找到ruoyi的vue3版本。然后下载代码到本地，

然后我自己打算从0到1搞到我自己的hmblogs-ui里，复制代码后，先写登录页面，把其它代码都去掉，然后做npm install的时候，报错了。要开始对接接口，拿登录接口对接，然后开发用户分页查询添加修改删除功能。所以找了一圈资料，找到了这个博客，很合适，有例子的代码，代码简单，可以正常启动。我先安装了nodejs 12的版本，nodejs13+版本的会报错。之前参考的el-admin-web太复杂了，不是纯净的demo.执行npm命令成功了。

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。3、除了数据 property，Vue 实例还暴露了一些有用的实例 property 与方法。当这些 property 的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。也有一些其它的钩子，在实例生命周期的不同阶段被调用，如。对象中的所有的 property 加入到 Vue 的。的函数，这给了用户在不同阶段添加自己的代码的机会。2、这里唯一的例外是使用。

参考：安装 — Vue.js

组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。方法中，我们更新了应用的状态，但没有触碰 DOM——所有的 DOM 操作都由 Vue 来处理，你编写的代码只需要关注逻辑层面即可。在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。) 然后对其进行完全控制。那个 HTML 是我们的入口，但其余都会发生在新创建的 Vue 实例内部。此外，Vue 也提供一个强大的过渡效果系统，可以在 Vue 插入/更新/移除元素时自动应用。