- 博客(16)
- 收藏
- 关注
RSS订阅原创 2021-11-14路由
一个敷衍的学习笔记罢了……//index.js{ path: "/home", name: "Home", component: Home, children: [ { path: "", redirect: "messages" }, { path: "news", componen...
2021-11-14 18:53:18
728
原创 python入门语法学习笔记
字符串python中单引号和双引号使用完全相同。 使用三引号('''或""")可以指定一个多行字符串。 转义符\ 反斜杠可以用来转义，使用r可以让反斜杠不发生转义。。 如 r"this is a line with \n" 则\n会显示，并不是换行。 按字面意义级联字符串，如"this " "is " "string"会被自动转换为this is string。 字符串可以用 + 运算符连接在一起，用 * 运算符重复。 Python 中的字符串有两种索引方式，从左往右以 0 开始，从右...
2021-11-11 15:47:06
500
原创 2021-11-08slot-插槽
一、插槽slot的基本使用组件的插槽：组建的插槽也是为了让我们封装的组件更加具有扩展性 让使用者可以决定组件内部的一些内容到底展示什么eg.移动网站中的导航栏移动开发中，几乎每个页面都 有导航栏 导航栏我们为您必然会封装成一个插件，比如nav-bar组件 一旦有了这个组件，我们就可以在多个页面中复用了如何封装？抽取共性，保留不同，将共性抽取到组件中，将不同暴露为插槽 一旦预留了插槽，就可以让使用者根据自己的需求决定插入什么内容1.插槽的基本使用： <slot><
2021-11-08 22:30:55
638
原创 2021-11-08消息订阅与发布（pubsub）
消息订阅与发布（pubsub） 一种组件间通信的方式，适用于任意组件间通信。 使用步骤： 安装pubsub：npm i pubsub-js 引入: import pubsub from 'pubsub-js' 接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。 methods(){ demo(data){......}}......mounted() { this.pid = pubsub.subscr..
2021-11-08 14:06:12
76
原创 2021-11-07全局事件总线
全局事件总线：一种组件间通信的方式，适用于任意组件间通信。main.js:安装全局事件总线：借助钩子beforeCreate(){Vue.prototype.$bus = this}new Vue({ el:'#app', render: h => h(App), beforeCreate() { //安装全局事件总线，$bus就是当前应用的vm Vue.prototype.$bus = this },})接收数据的组件：A组件想接收数据，则在A组件中给
2021-11-07 21:54:32
472
原创 2021-11-07ref属性
被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） 使用方式： 打标识：<h1 ref="xxx">.....</h1> 或 <School ref="xxx"></School> 获取：this.$refs.xxx <div> <h1 v-text="msg" ref="title"><..
2021-11-07 14:31:19
316
原创 2021-11-06浏览器本地存储
WebStorage一、存储内容大小一般支持5MB左右（不同浏览器可能会有不同）二、浏览器端通过Windows.sessionStorage和Windows.localStorage属性来实现浏览器本地存储机制三、相关API： xxxxxStorage.setItem('key', 'value'); 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。 xxxxxStorage.getItem('person'); 该方法接受一个键名作为参
2021-11-06 14:13:29
230
原创 2021-11-05监视属性
监视属性watch：当被监视的属性变化时, 回调函数自动调用, 进行相关操作； 监视的属性必须存在，才能进行监视，监视的属性可以是data也可以是computed； 监视的两种写法：new Vue时传入watch配置 通过vm.$watch监视(在vm被创建之后)watch: { isHot: { immediate: true, //初始化时让handler调用一下 //handler什么时候调用？当isHot发生改变...
2021-11-05 20:30:00
81
原创 2021-11-05条件渲染
条件渲染：v-if v-if="表达式" v-else-if="表达式" v-else="表达式" 适用于：切换频率较低的场景。 特点：不展示的DOM元素直接被移除。 注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”,连着写。v-show 写法：v-show="表达式" 适用于：...
2021-11-05 17:22:46
81
原创 2021-11-05绑定样式
绑定样式：class样式 写法:class="xxx" xxx可以是字符串、对象、数组。 字符串写法：可以通过字符串赋值来动态指定样式。 对象写法：可绑定多个样式，通过指定false或true来选择是否使用该样式。 数组写法：绑定多个样式。<!-- 绑定class样式--字符串写法，适用于：样式的类名不确定，需要动态指定 --> <div class="basi...
2021-11-05 16:54:20
82
原创 2021-11-05计算属性
计算属性：定义：要用的属性不存在，要通过已有属性计算得来。 原理：底层借助了Objcet.defineproperty方法提供的getter和setter。 get函数什么时候执行？ (1).初次读取时会执行一次。当有人读取计算属性时，get就会被调用，且返回值就作为fullName的值 (2).当依赖的数据发生改变时会被再次调用。 set什么时候执行？当计算属性被修改时。 优势：与methods实现相比，内部有缓存机制（复用），效率更高，调试方便。备注： ...
2021-11-05 12:14:11
232
原创 2021-11-04vue事件
事件的基本使用：1.使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名；2.事件的回调需要配置在methods对象中，最终会在vm上；3.methods中配置的函数，不要用箭头函数！否则this就不是vm了；4.methods中配置的函数，都是被Vue所管理的函数，this的指向是vm 或 组件实例对象；5.@click="demo" 和 @click="demo($event)" 效果一致，但后者可以传参，传其他参数(a)事件修饰符:1.prevent：阻止...
2021-11-04 21:27:38
84
原创 2021-11-03 Object.defineProperty
let person = { name:'张三', sex:'男', } Object.defineProperty(person,'age',{ // value:18, // enumerable:true, //控制属性是否可以枚举，默认值是false // writable:true, //控制属性是否可以被修改，默认值是false // configurable:true //控制属性是否可以被删除，默认值是false //.
2021-11-03 18:10:35
81
原创 2021-11-03理解MVVM模型
M：模型model：对应data中的数据V：视图view：模板VM：视图模型viewmodel：vue实例对象data中的数据出现在vm实例中，出现在vm中的数据模板都可以调用
2021-11-03 17:44:04
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人