logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element.style 和 window.getComputedStyle的区别

element.style 和 window.getComputedStyle的区别element.stylegetComputedStyle

Vue学习笔记-02-指令

1.1 模板语法概述1.2 v-cloak指令 解决插值表达式闪动的问题1.3 v-text 纯文本填充1.4 v-html 填充HTML片段1.5 v-pre 填充原始信息1.6 数据响应式1.6 v-once 只渲染一次1.7 v-model 数据双向绑定

Vue-学习笔记-02 指令详解

文章目录一、mustache语法 插值表达式v-once一、mustache语法 插值表达式<body><div id='app'>{{firstName}}{{LastName}}<!-- mustache不仅可以下变量 还可以写简单的表达式 -->{{firstName+LastName}}{{counter*2}}</div><scr

Vue-学习笔记-03 v-bind绑定class与style

一、v-bind 动态绑定属性二、v-bind 绑定class2.1 绑定字符串2.2 对象语法2.3 绑定数组三、动态绑定style3.1 对象方式3.2 数组方式

Vue-学习笔记-01 Vue.js 入门与MVVM

文章目录一、vue.js安装1.1 直接CDN方式引入1.2 下载1.3 NPM安装二、Hello Vue.js2.1 Hello Vue.js2.2一、vue.js安装1.1 直接CDN方式引入对于制作原型或学习,你可以这样使用最新版本:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

Vue-学习笔记-08 v-model详解

一、v-model简介二、v-model基本使用三、v-model的原理四、v-model 结合radio类型使用五、v-model 结合checkbox类型使用六、v-model配合select使用六、修饰符6.1 .lazy(懒惰)修饰符:6.2 .number修饰符:6.3 .trim修饰符:

Vue-学习笔记-04 计算属性详解

文章目录一、什么是计算属性(computed)?用来干什么?二、实例计算属性2.1 拼接姓名2.2 计算属性的复杂操作 求和三、计算属性的setter和getter四、计算属性的缓存机制一、什么是计算属性(computed)?用来干什么?当我们需要对我们的数据进行某种变化之后再来显示的话,可以在计算属性里边重新定义一个属性,再来返回定义之后的属性。我们知道,在模板中可以直接通过插值语法显示一些da

Vue学习笔记-04-绑定Class与绑定Style、分支结构和循环结构

一、绑定Class二、绑定Style三、选择结构与循环结构3.1 选择结构 v-if3.1.1 实例:根据成绩显示对应评语3.1.2 实例:随机数大于0.5显示3.2 循环结构 v-for3.2.1循环数组、对象数组3.3 v-if和v-for结合使用3.3.1 实例:输出未报到的学生

Vue学习笔记-03-事件绑定

文章目录一、Vue如何处理事件?1.1 v-on指令用法1.2 事件函数的调用方式一、Vue如何处理事件?1.1 v-on指令用法v-on指令用法:<button v-on:click='num++'>点击</button>v-on简写新式:<button @click='num++'>点击1</button>1.2 事件函数的调用方式直接绑定函数名

Vue-学习笔记-09 深入组件化开发与组件通信

文章目录一、什么是组件?二、Vue中的组件?三、注册组件的基本步骤3.1 知识储备3.2 第一种方式使用全局组件(coderwhy)3.3 第二种方式使用全局组件(MrLiuQuan)3.4 局部组件3.5 父组件和子组件一、什么是组件?在看组件之前,我们先来看这样一个问题,人面对复杂问题的处理方式:任何一个人处理信息的逻辑能力都是有限的所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大

    共 24 条
  • 1
  • 2
  • 3
  • 请选择