Vue
文章平均质量分 91
Vue学习的笔记
shelgi
一个每天都在学习的可爱程序猿
展开
-
写给自己的TypeScript知识总结
文章目录TypeScript1.安装TS并且配置运行环境2.一些TS基础知识2.1 关于数据类型2.1.1 基础类型2.1.2 联合类型2.1.3 接口2.1.4 数组2.1.5 函数2.2 常用内容2.2.1 创建别名2.2.2 字面量限制2.2.3 元祖&枚举2.2.4 类与接口2.2.5 泛型TypeScript为了配合学习Vue3,所以昨天复习了一遍JavaScript,今天就接着学了一遍TypeScript,因为没有涉及到异步Promise那些,所以学起来还算轻松。1.安装TS并且配原创 2022-03-01 22:21:35 · 493 阅读 · 2 评论 -
Vue第七天---Vue组件
文章目录Vue组件1.组件是什么2. 组件的创建和使用3. 组件注册4. 组件嵌套5.组件切换6.组件中的data和methodsVue组件组件是Vue强大功能之一,运用它可以使代码的维护和复用率提高;它提供·了一种抽象,让我们可以使用独立可复用的代码构建大型项目1.组件是什么组件(Component)是对数据和方法的简单封装,Web中的组件其实可以看成是页面的一个组成部分,它是一个具有独立的逻辑和功能的界面,同时又能根据规定的接口规则进行相互融合,最终成为一个完整的应用程序。页面就是由一个个类似原创 2021-11-11 11:35:31 · 1020 阅读 · 0 评论 -
Vue第六天---Vue过渡与动画
文章目录Vue过渡与动画1.css过渡1.1 css过渡的用法2.多个元素过渡3.动画总结Vue过渡与动画1.css过渡css中的过渡呈现的是一种过渡过程,简单来说就是一种动画转换过程。1.1 css过渡的用法过渡系统是Vue为DOM动画效果提供的一种特性,它能从DOM中插入、移除时触发css过渡和动画;也就是说,在DOM发生变化时,为其添加特定的class类名。几种过渡元素将需要过渡效果的元素放在<transition></transition>标签中,在style标原创 2021-11-09 20:55:15 · 1040 阅读 · 0 评论 -
Vue第五天---Vue过滤器
文章目录Vue过滤器1.过滤器的基本使用2.全局过滤器3.局部过滤器4.JSON5.currency6. 双向过滤器不幸的Vue过滤器1.过滤器的基本使用Vue允许自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双大括号表达式和v-bind表达式过滤器应该被添加在js表达式尾部,由|指示例如{{message|myVue}}<div v-bind:id="rawId|format"></div>过滤器分为两种:全局过滤器、局部过滤器2.全局原创 2021-11-07 19:31:22 · 236 阅读 · 0 评论 -
Vue第四天---Vue数据及事件绑定
文章目录Vue数据及事件绑定1.数据绑定1.1 数据绑定的方法1.1.1 单向绑定1.1.2 双向绑定2. 计算属性3. 表单控件绑定4. 事件绑定5. 修饰符5.1 事件修饰符5.2 键值修饰符5.3 按键码6. 与传统事件绑定的区别7. class与style的绑定7.1 class的绑定7.2 css的绑定Vue数据及事件绑定1.数据绑定Vue最显著的特点就是响应式和数据驱动,也就是将Model和View进行单向绑定或者双向绑定1.1 数据绑定的方法1.1.1 单向绑定单向绑定 :把Mod原创 2021-11-05 17:38:21 · 330 阅读 · 0 评论 -
Vue第三天---Vue 基本特性
文章目录Vue 基本特性1. 实例及选项1.1 数据1.2 方法1.3 模板1.4 watch函数2. 模板渲染2.1 条件渲染2.2 列表渲染2.3 前后端渲染对比3. extend的用法补充Vue 基本特性1. 实例及选项Vue是通过new Vue({})来声明一个实例的,在这个实例中包含了当前页面的html结构,数据和事件。Vue的实例是MVVM模式中的ViewModel,实现了数据和视图的双向绑定;在实例化的时候可以传入一个选项对象,它包含数据、模板、挂载元素、方法、生命周期钩子函数等选项原创 2021-11-04 18:49:11 · 233 阅读 · 0 评论 -
Vue第二天---Vue指令
文章目录Vue指令1.内置指令1.1 v-bind1.2 v-model1.3 v-for1.4 v-on1.5 v-html1.5 v-text1.6 v-cloak1.7 v-pre1.8 v-once1.9 v-if1.10 v-else1.11 v-else-if1.12 v-show2.自定义指令2.1 局部注册2.2 全局注册2.3 钩子函数2.4 钩子函数参数2.5 简写2.6 对象字面量Vue指令**指令(directives)**是Vue中最常用的功能,以带有v-前缀的特殊属性形式呈现原创 2021-11-03 15:57:32 · 159 阅读 · 0 评论 -
Vue第一天---Vue简介
文章目录Vue简介1.什么是Vue.js2. MVVM模式3. 第一个Vue实例4.实例的生命周期Vue简介1.什么是Vue.jsVue.js是一款用于构建用户界面的渐进式框架;Vue被设计为自下向上逐层应用。Vue.js的核心库只关注视图层。Vue的目标是通过尽可能简单的api实现响应的数据绑定和组合的视图组件。2. MVVM模式MVVM是Model View ViewModel的简写,实质上是MVC的改进版,目的是将其中View的状态以及行为抽象化,将视图UI和业务逻辑分开。ViewMode原创 2021-11-02 23:08:24 · 136 阅读 · 0 评论