vue
文章平均质量分 90
vue3
薛定谔的猫不是猫,是王维诗里的猫
这个作者很懒,什么都没留下…
展开
-
less的基本使用
在使用less语法的vue文件中给style加入如下代码scoped的作用是该style样式只作用于该vue文件。原创 2022-10-25 19:19:40 · 1333 阅读 · 1 评论 -
vue-vue状态管理
vuex中的store非常强大,其中存储的状态是响应式的,若store中的状态数据发生变化,其会自动反映到对应的组件视图上。并且,store中的状态数据并不允许开发者直接进行修改,改变store中状态数据的唯一办法是提交mutation操作,通过这样严格的而管理,可以更加方便地追踪每一个状态的变化过程。action本身也是可以接受参数的,其第一个参数是默认的,是与store实例有着相同方法和属性的context上下文对象,第二个参数是自定义参数,由开发者定义,这与mutation的用法类似。原创 2022-09-28 15:59:58 · 2629 阅读 · 0 评论 -
vue-vue路由管理
我们使用createRouter方法来创建路由实例,此路由实例可以使用beforeEach方法来注册全局的前置导航守卫,之后当触发导航跳转时,都会被此导航守卫捕获。//将要跳转的路由对象//当前将要离开的路由对象return false//返回true表示允许此次跳转,返回false表示禁止此次跳转})当注册的beforeEach方法返回的是布尔值时,期用来决定是否允许此次导航跳转,以上代码表示,所有路由跳转都被禁止。原创 2022-09-27 10:38:46 · 1037 阅读 · 0 评论 -
vue-动画
Vue过渡动画的核心原理依然是采用css类是实现的,只是vue帮助我们在组件的不同生命周期自定切换不同的css类。Vue中默认提供一个名为transition的内置组件,可以用其来包装要展示过渡动画的组件。transition组件的name属性用来设置要执行的动画名称,Vue中约定了一系列css类名规则来定义各个过渡过程中的组件状态。x-enter-from类在组件即将被插入页面时添加到组件上,可以理解为组件的初始状态。原创 2022-09-23 10:49:15 · 5767 阅读 · 0 评论 -
vue-构建工具Vue CLI的使用
src是一个重要的文件夹,核心功能代码文件都存放在这个文件夹下,在默认的模板工程中,这个文件夹下还有两个子文件夹:assets和components。node_modules文件夹下存放的是npm安装的依赖模块,这个文件夹默认会被Git版本管理工具忽略,对于其中的文件,我们也不需要手动添加或修改。项目工程中有一个名为App.vue的文件,这其实使用了Vue中单文件组建的定义方法,即将组件定义在单独的文件中,以便于开发和维护。public下的index.html的文件,它就是网页的入口文件。原创 2022-09-23 10:46:47 · 672 阅读 · 0 评论 -
vue-组件基础
vue组件中相关的基础概念原创 2022-09-19 08:39:14 · 472 阅读 · 0 评论 -
vue-处理用户交互
vue简单小游戏制作原创 2022-09-17 16:03:41 · 468 阅读 · 0 评论 -
vue-vue组件的属性和方法
vue组件的属性和方法原创 2022-09-16 19:01:22 · 2449 阅读 · 0 评论 -
vue-组件进阶
vue组件进阶原创 2022-09-20 08:35:21 · 224 阅读 · 0 评论