vue学习笔记
关注
分享
扫一扫
文章平均质量分 84
JZYCLL
这个作者很懒，什么都没留下…
展开
-
Vue3学习笔记-09
Vue3学习笔记-09一、浏览器的本地存储1. localStoragelocalStorage：只有主动清除才会丢失浏览器的本地存储，是js本身就已经存在的，不是Vue所带的。主要是用于保存浏览的一些数据，例如在未登录的时候，把用户在该网站下的搜索记录进行保存。最大的特点就是，把浏览器关闭之后，其数据还存在<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-07-27 18:48:14 · 254 阅读 · 0 评论 -
Vue3学习笔记-10
Vue3学习笔记-10一、全局事件总线 1.全局事件总线：任意组件之间通信 二、全局事件总线的例子实现同级组件之间的通信：School.vue的代码：<template> <div class="root"> <!----> <h2>学校的名称:{{schoolName}}</h2> <h2>学校的地址:{{address}}</h2>原创 2021-07-27 18:45:46 · 222 阅读 · 0 评论 -
Vue3学习笔记-08
Vue3学习笔记-08一、 mixin混入两个组件共享同一个配置项。也就是说，当两个组件的所使用的methods配置项里面的功能完全一样的时候，就可以使用混合把相同的拿出来单独写，组件要使用的时候只需要引入一下即可。使用一个js文件，命名为mixin.js, 在里面写组件需要共享的配置项：export const mixin = { methods:{ showName(){ alert(this.name) } },原创 2021-07-24 22:03:20 · 166 阅读 · 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 · 288 阅读 · 0 评论 -
Vue3学习笔记-06
Vue3学习笔记-06一、内置指令 接着Vue3学习笔记-054. 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 · 229 阅读 · 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 · 117 阅读 · 0 评论 -
学习Vue的笔记-03
一、Vue的模板语法插值语法下面这个是插值语法的样例：(往往用于标签体中的内容)<div id='root'> {{namespase}}</div><script> new Vue({ el:'root', data:{ name:'jack' } })</script>指令语法常常用于标签属性功能：用于解析标签（包括：标签属性、标签体内容、绑定时间…）可以直接读取data中的所有属性<div> <原创 2021-07-19 17:38:28 · 150 阅读 · 0 评论