摘要：
好家伙, 为方便理解， 我们先来写一个经典自增一按钮， 再加上一个count清零按钮， Left.vue组件中: <template> <div > <h1>我是Left组件</h1> <h2>我的count值为--{{ count }}</h2> <button @click="add">+1</ 阅读全文
posted @ 2022-05-04 22:04
养肥胖虎
阅读(325)
评论(0)
推荐(0)
摘要：
好家伙， 引子: jQuery简化了程序员操作DOM的过程 vue 优势：MVVM 在vue中，程序员不需要操作DOM。程序员只需要把数据维护好即可！（数据驱动视图） 那么若要在vue中操作dom,这时就要用到"ref"了, 1.什么是ref引用， ref用来辅助开发者在不依赖与jQuery的情况下 阅读全文
posted @ 2022-05-02 18:10
养肥胖虎
阅读(95)
评论(0)
推荐(0)
摘要：
好家伙， 兄弟组件的传值用到Eventbus组件， 1.EventBus的使用步骤 ① 创建 eventBus.js 模块，并向外共享一个Vue的实例对象 ②在数据发送方， 调用bus.$emit('事件名称',要发送的数据）方法触发自定义事件 ③ 在数据接收方， 调用bus.$on('事件名称', 阅读全文
posted @ 2022-04-30 01:10
养肥胖虎
阅读(212)
评论(0)
推荐(0)
摘要：
好家伙, 1.组件之间的关系 在项目开发中,组件之间的最常见关系分为如下两种: (1)父子关系 (2)兄弟关系 2.父子之间的数据共享 (1)父->子共享数据 父组件向子组件共享数据需要使用自定义属性.代码示例如下: App.vue为Left.vue的父组件 其中,父组件要将数据传给子组件 这里我们 阅读全文
posted @ 2022-04-27 23:37
养肥胖虎
阅读(49)
评论(0)
推荐(0)
摘要：
好家伙， 1.组件之间的样式冲突 默认情况下，写在.vue组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题。 举个例子: 我们在Left.vue的组件中添加样式 <template> <div> <h1>我是Right组件</h1> <HelloWorld :init="10"/> 阅读全文
posted @ 2022-04-25 23:35
养肥胖虎
阅读(536)
评论(0)
推荐(0)
摘要：
好家伙， 1.组件的props props是组件的自定义属性，在封装通用组件的时候，合理的使用props可以极大的提高组件的复用性 来假设一下,如果我们需要两个组件分别显示不同的值 目录结构如下: HelloWorld.vue中, <div> <h2>我的init值为{{ init }}</h2> 阅读全文
posted @ 2022-04-22 19:45
养肥胖虎
阅读(593)
评论(0)
推荐(0)
摘要：
好家伙, 这是一个"标签闭合"插件 Auto Close Tag的安装: 来到VScode的拓展 安装后, 在其中输入一个左标签符号"<",随后会出现提示 嗯,搞定,简单实用 阅读全文
posted @ 2022-04-20 01:13
养肥胖虎
阅读(557)
评论(0)
推荐(0)
摘要：
好家伙， 1.组件的父子关系 我们封装三个组件，分别为left组件，right组件和App组件 在封装时： 在封装时，彼此的关系是独立的，并不存在父子关系 在使用时： 在使用时，根据彼此的嵌套关系，形成了父子关系，兄弟关系 2.组件的私有注册 组件使用的三个步骤 在App.vue文件中写入 <tem 阅读全文
posted @ 2022-04-20 00:58
养肥胖虎
阅读(109)
评论(0)
推荐(0)
摘要：
好家伙, 1.vue的组件化开发 1.1.什么是组件? 组件是对UI结构的复用, vue是一个支持组件化开发的前端框架, vue中规定:组件的后缀名是.vue 例如:App.vue文件本质上就是一个vue组件 2.vue组件的三个组成部分 每个.vue组件都由3部分构成，分别是： template— 阅读全文
posted @ 2022-04-18 01:12
养肥胖虎
阅读(168)
评论(0)
推荐(0)
摘要：
好家伙， 1.vue的目录结构分析 来看看项目的目录 (粗略的大概的解释) 2.vue项目的运行流程 在工程化项目中，vue要做的事情很单纯：通过main.js把App.vue渲染到index.html的指定区域中, 先来看看html文件: <!DOCTYPE html> <html lang="" 阅读全文
posted @ 2022-04-16 23:34
养肥胖虎
阅读(371)
评论(0)
推荐(0)
浙公网安备 33010602011771号