学习笔记
文章平均质量分 85
JZYCLL
这个作者很懒,什么都没留下…
展开
-
Vue3学习笔记-09
Vue3学习笔记-09 一、浏览器的本地存储 1. localStorage localStorage:只有主动清除才会丢失 浏览器的本地存储,是js本身就已经存在的,不是Vue所带的。 主要是用于保存浏览的一些数据,例如在未登录的时候,把用户在该网站下的搜索记录进行保存。 最大的特点就是,把浏览器关闭之后,其数据还存在 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2021-07-27 18:48:14 · 205 阅读 · 0 评论 -
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 评论 -
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 评论 -
Vue3学习笔记04
Vue3学习笔记-04 一、监视属性-watch <div> <h2> 今天的天气很{{info}} </h2> <button @cilck="changeWeather">切换天气</button> </div> <script> new Vue({ el:'root', data:{ isHot:true原创 2021-07-20 21:46:06 · 110 阅读 · 0 评论