- 博客(21)
- 收藏
- 关注
原创 浏览器本地存储
2. 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。该方法会把键值对添加到存储中,如果键名存在,则更新其对应的值。该方法接受一个键名作为参数,并把该键名从存储中删除。1. 存储内容大小一般支持5MB左右(不同浏览器可能还不一样)该方法接受一个键名作为参数,返回键名对应的值。该方法会清空存储中的所有数据。
2024-03-11 20:17:03
217
原创 Vue插件
2. 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。4. 使用插件:Vue.use(xxxx)1. 功能:用于增强Vue。
2024-03-10 14:08:52
194
1
原创 Vue中的mixin混入
②局部混入:mixin:[ 'hunhe' ] (组件中)①全局混入:Vue.mixin(hunhe) (main.js中)定义混入:mixin.js。功能:可以把多个组件共用的配置提取成一个混入对象。
2024-03-09 22:51:31
181
原创 Vue中的props属性
defult : '默认值'b.限制类型 props:{ name:String }a.只接收 props:[ 'name' ]c.限制类型、限制必要性、指定默认值。<Demo name="参数内容">功能:让组件接受外部传过来的数据。
2024-03-08 16:46:36
234
1
原创 Vue中的ref属性
②获取:this.$refs.xxx。①标签内加入ref="xxx"。1.应用在HTML标签上来获取真实DOM元素;2.应用在组件标签上是组件实例对象;
2024-03-07 15:59:40
220
1
原创 Vue的生命周期
1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息。2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等。生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。生命周期函数中的this指向是组件实例对象。关于销毁Vue实例:销毁后自定义事件会失效,但原生DOM事件依然有效。生命周期:Vue在关键时刻帮我们调用的一些特殊名称的函数。
2024-02-22 17:10:09
220
1
原创 Vue自定义指令
②指令名如果是多个单词,要使用kebab-case(断线链接命名法)命名方式,不要用 camelCase(驼峰命名法)命名。(2).inserted:指令所在元素被插入页面时调用。(3).update:指令所在模板结构被重新解析时调用。(1).bind:指令与元素成功绑定时调用。Vue.directive(指令名,配置对象);Vue.directive(指令名,回调函数)directives:{指令名:配置对象}directives{指令名:回调函数}
2024-01-28 20:26:16
132
1
原创 Vue的内置指令
②使用css配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题。② v-html会替换掉节点中所有的内容,{{xx}}则不会。②v-text会替换掉节点中的内容,{{xx}}则不会。①v-once所在节点在初次动态渲染后视为静态内容。v-if : 条件渲染(动态控制节点是否存在,结构消失)v-else : 条件渲染(动态控制节点是否存在,结构消失)2.v-html指令:①向指定节点中渲染包含html结构的内容。1.v-text指令:①向其所在的节点中渲染文本内容。
2024-01-27 22:24:47
275
1
原创 Vue过滤器
1.注册过滤器:Vue.filter(name,callback) 或 new Vue{filters:{}}2.使用过滤器:{{ xxx | 过滤器名}} 或 v-bind:属性 = "xxx | 过滤器名"2.初始数据并没有被更新,只 是产生新的与之相对应的数据。3.当全局过滤器和局部过滤器重名时,会采用局部过滤器。1.过滤器也可以接收额外参数、多个过滤器也可以串联。过滤器:对要显示的数据进行特定格式化后。4.computed实现。3.methods实现。
2024-01-26 15:45:59
165
1
原创 Vue收集表单数据
number:输入字符串转为有效的数字。②input的type为radio,则收集的也是value值,但是需要为标签提前配置value值以供选择。①input的type为text,则收集的是value值。没有配置input的value属性:那么收集的就是布尔值。(2)初始值是数组,那么收集的就是value组成的数组。③input的type为checkbox,则分情况讨论。v-model的三个修饰符:v-model.xxx。(1)初始值是非数组,那么收集的就是布尔值。收集表单数据使用v-model指令。
2024-01-25 16:32:02
312
原创 vue条件渲染
3.v-if 与 标签(不可以作为根节点)用法:写在标签体内:你好!点我{{n}}v-else = (上头不成立,则执行此条,不跟条件)你好!4.v-show可以获得元素,v-if可能获取不到。v-else-if (上头成立,则不进行)你好!① n:0 先出现“老欧”。...
2022-09-01 17:15:14
194
1
原创 Vue样式绑定
语法: :style="{fontSize: xxx}"其中xxx是动态值。:style="[a,b]"其中a、b是样式对象。②数组 : 适用于要绑定多个样式,个数确定,名字也确定,但是不确定使不使用。语法: :class="xxx" (xxx可以是对象,字符串,数组)③对象 : 适用于要绑定多个样式,个数不确定,名字也不确定。name:'小欧',① 字符串 : 适用于类名不确定,需要动态获取的。注:对象为样式对象==>必须是存在的属性。name:'小欧',...
2022-08-30 23:05:00
739
原创 Vue监视属性
console.log('isNOT被修改了',newValue,oldValue)console.log('isNOT被修改了',newValue,oldValue)immediatetrue,//初始化的时候被调用一下。//console.log('a,b修改了')immediatetrue,//初始化的时候被调用一下。//deeptrue,//深度监视。//第一种写法-----只有handler的时候才可以简写。//vm.$watch('属性',函数)...
2022-07-16 16:29:12
222
原创 Vue的计算属性
Vue的计算属性定义:拿已有的属性定义或者组成新的属性 //computed---计算属性 computed:{ fullname:{ get(){
2022-07-13 22:36:34
684
原创 vue基础之数据代理,以及事务处理
Vue数据代理优点:更加方便操作data中的数据。定义:一个对象通过另一个对象(读/写)操作属性。基本原理:通过 Object.defineProperty()方法把所有vm中的属性都添加到vm上,为每一个添加到vm的属性都指定一个getter,setter,在getter,setter的内部去操作data中的对应的属性。 //增加属性(对象,‘属性名’,{方法或者值}) Object.defineProperty(person,'age&#
2022-07-12 18:47:56
244
原创 Vue起步
先去Vue.js 的官网(Vue.js)下载vue.js 之后新建一个文件夹引入vue.js 2.①直接script引入本地的<script type="text/javascript" src="../js/vue.js"></script> ②通过网络引用,根据自己的需求去选择<!--使用cdn声明,网络声明--><!-- <script src="https://c...
2022-07-11 09:19:18
168
原创 实用的几大网站资源-Android,java,web
分享几个实用的网站:https://github.com/Android:icon图标库:https://www.iconfinder.com/free_icons阿里巴巴矢量库:https://www.iconfont.cn/Json在线解析:http://www.jsons.cn/java-web:java教程:https://www.runoob.com/java/java-intro.htmlcss样式教程:https://www.w3school.com.cn/css/index.as
2022-06-24 15:51:51
535
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人