vue
文章平均质量分 68
vue3,自学笔记
笑别弯腰
这个作者很懒,什么都没留下…
展开
-
VUEXvuex
一、什么是状态管理?二、vuex 的基本使用注意:vuex里的数据都是响应式的1、安装vuexnpm install vuex@next注意:vuex@next的意思是安装最新版本的vuex2、创建Store3、在组件中使用store三、单一状态树注意:虽然一个应用可以创建多个store,但是建议只创建一个store实例三、vuex的五大核心1、state注意,state属性为一个函数返回一个对象 和data一样使用opctionsAPI compu原创 2021-07-15 15:01:42 · 184 阅读 · 0 评论 -
三、css-loader以及style-loader的使用
1、什么是loader?loader 可以用于对模块的源代码进行转换;我们可以将css文件也看成是一个模块,我们是通过import来加载这个模块的;在加载这个模块时,webpack其实并不知道如何对其进行加载,我们必须制定对应的loader来完成这个功能;2、css-loader和style-loader的安装方法:npm install css-loader -D 安装css-loader方法:npm install style-loader -D 安装style-loader3、css原创 2021-07-12 15:02:45 · 748 阅读 · 0 评论 -
composition API(三)
一、生命周期钩子注意:生命周期可以注册多个二、provide和injectprovide()有两个参数 第一个是传过去的key,第二个是传过去的值inject()可以有两个参数 第一个是传过来的key,如果传来的没有值 第二个参数可以设置默认值建议:传过去的值一般都用readonly()包裹 这样的话子孙组件就没办法修改这个值了...原创 2021-07-12 15:02:11 · 56 阅读 · 0 评论 -
VUE ROUTER---路由
一、认识和安装vue-routervue-router是基于路由和组件的路由用于设定访问路径, 将路径和组件映射起来.在vue-router的单页面应用中, 页面的路径的改变就是组件的切换安装vuerouter:npm install vue-router@4细节:@4代表的是安装vuerouter4最新的版本二、路由的使用步骤三、路由的默认路径四、router-link通过.router-link-active这个类名可以给router-link这个内置组件样式原创 2021-07-06 16:15:10 · 845 阅读 · 0 评论 -
composition API
一、composition API的基本使用**为了开始使用Composition API,我们需要有一个可以实际使用它(编写代码)的地方;在Vue组件中,这个位置就是 setup函数。setup其实就是组件的另外一个选项只不过这个选项强大到我们可以用它来替代之前所编写的大部分其他选项比如methods、computed、watch、data、生命周期等等**1、setup函数的基本使用setup函数的基本使用包括两部分:他的参数和返回值注意:setup()函数中不能使用thi原创 2021-06-23 20:03:19 · 585 阅读 · 0 评论 -
vue3-动画之结合第三方库的使用
一、animate.css1、什么是animate.css?Animate.css是一个已经准备好的、跨平台的动画库为我们的web项目,对于强调、主页、滑动、注意力引导 非常有用2、如何使用animate.css?第一步:安装animate.css方法:npm install animate.css第二步:导入animate.css库方法:import "animate.css"注意:建议在main.js文件中导入第三部:使用animation动画或者animate提供的类原创 2021-06-21 14:49:30 · 1428 阅读 · 0 评论 -
vue3动画的基本使用
一、vue的transition动画1、transition的基本使用注意:transition组件包裹单个元素或者组件2、transition组件的原理3、过渡动画的class注意:如果transition组件没有设置name属性,那么class默认使用 v-4、class的命名规则和添加时机注意:如果我们使用的是一个没有name的transition,那么所有的class是以 v- 作为默认前缀;如果我们添加了一个name属性,比如 ,那么所有的class会以 why原创 2021-06-19 19:15:38 · 1242 阅读 · 1 评论