Vue
文章平均质量分 75
JZYCLL
这个作者很懒,什么都没留下…
展开
-
Vue3学习笔记-10
Vue3学习笔记-10 一、全局事件总线 1.全局事件总线:任意组件之间通信 二、全局事件总线的例子 实现同级组件之间的通信: School.vue的代码: <template> <div class="root"> <!----> <h2>学校的名称:{{schoolName}}</h2> <h2>学校的地址:{{address}}</h2>原创 2021-07-27 18:45:46 · 193 阅读 · 0 评论 -
Vue第一阶段的练习
Vue第一阶段的练习 MyFlooter.vue 文件中的代码: <template> <div class="todo-footer" v-show="totalNumber"> <label> <input type="checkbox" :checked="isAll" @change="checkAll"/> <!-- 下面这种方式也可以实现 -->原创 2021-07-24 22:05:02 · 132 阅读 · 0 评论 -
Vue3学习笔记-08
Vue3学习笔记-08 一、 mixin混入 两个组件共享同一个配置项。也就是说,当两个组件的所使用的methods配置项里面的功能完全一样的时候,就可以使用混合把相同的拿出来单独写,组件要使用的时候只需要引入一下即可。 使用一个js文件,命名为mixin.js, 在里面写组件需要共享的配置项: export const mixin = { methods:{ showName(){ alert(this.name) } },原创 2021-07-24 22:03:20 · 145 阅读 · 0 评论 -
Vue3学习笔记-07
Vue3学习笔记-07 一、组件嵌套 在实际开发中,可以定义一个app组件来管理其他所有的组件 <div id="root"> <school></school> </div> <script> //创建user组件 const user = Vue.extend({ template:` <div>原创 2021-07-23 18:31:32 · 251 阅读 · 0 评论 -
Vue3学习笔记-06
Vue3学习笔记-06 一、内置指令 接着Vue3学习笔记-05 4. v-cloak 指令 当网速过慢的时候,可以让未经过解析的模板不会渲染在页面上 <style> [v-cloak]{ display:none; } </style> <div id="root"> <h2 v-cloak>{{name}}</h2> </div> <script> new Vue({原创 2021-07-22 18:28:39 · 167 阅读 · 0 评论 -
Vue学习笔记-05
Vue3学习笔记-05 一、列表的过滤 1.用watch实现的列表过滤 `immediate:true` , 表示立即执行handler函数 <div id="root"> <!--遍历数组--> <h2>人员信息</h2> <input type="text" placeholder="请输入名字" v-model="keyWord" /> <ul>原创 2021-07-21 21:17:29 · 83 阅读 · 0 评论