摘要：
需求：登录注册两个按钮，点击登录的时候登录显示，点击注册的时候注册显示，另外一个隐藏 如下图所示先定义两个template组件 <template id="login"> <div> <h2>用户登录</h2> <p> 用户名：<input type="text" v-model="username 阅读全文
posted @ 2024-08-20 20:50
洛飞
阅读(22)
评论(0)
推荐(0)
摘要：
组件可以有自己的data数据 组件的data和vue实例中的data有点不一样，实例中的data可以为一个对象，但是组件的data，必须是一个方法 组件中的data出了必须为一个方法以外，这个方法内部，还必须返回一个对象才行 组件中的data数据使用方式和实例中的data使用方式完全一样。 如下定义 阅读全文
posted @ 2024-08-20 17:14
洛飞
阅读(77)
评论(0)
推荐(0)
摘要：
通过component配置项来定义局部组件 <script> // 随着组件的配置项越来越多，那么VUE配置项的内容会非常多， // 推荐：把组件的配置以自变量的方式定义在外面 let pageHeader = { template:'<div>页面的头部内容</div>' } let pageBo 阅读全文
posted @ 2024-08-20 15:48
洛飞
阅读(51)
评论(0)
推荐(0)
摘要：
组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不能的功能木块，将来需要什么样的功能，就可以去调用 组件和模块化的不同： 模块化：是从代码逻辑的角度进行划分的，方便代码分层开发，保证每个功能模块只能单一 组件化：是从UI界面的角度进行划分的，前端的组件化，方便UI组件的重 阅读全文
posted @ 2024-08-20 15:31
洛飞
阅读(170)
评论(0)
推荐(0)
摘要：
从vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件。而这些事件称为生命周期。 每个Vue实例在被创建的时候都要经过一系列的初始化过程，例如，需要数据监听，编译模板，实例挂载到dom并在数据变化 时更新Dom等，同时在这个过程中也会运行一系叫做生命周期钩子的函数，这给了用户在不同阶段添加自己 阅读全文
posted @ 2024-08-20 14:36
洛飞
阅读(60)
评论(0)
推荐(0)
浙公网安备 33010602011771号