Vue
y_hh_
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue中emit事件无法触发的问题
在父组件中定义事件监听,会出现无法触发对应的事件函数,在下面的代码中,我想通过v-on:event_1=“handle”, 想监听子组件中的event_1事件,但尽管事件发生了, 但还是触发不了,这个问题在于v-on:event_1="handle"的位置,需要放在 <my-template :users=“users” v-on:event_1=“handle” ></my-template> 中。 <body> <div id='app' v-on:ev原创 2020-08-16 22:13:52 · 4116 阅读 · 0 评论 -
Vue的生命周期
记录一下 在Vue对象中的生命周期分为八个事件: beforeCreate: 在实例创建之前触发,想data等属性并未初始化 created:实例创建之后立刻触发,但未进行挂载,网页上还是处于未挂载状态 beforeMounte mounted beforeUpdate:数据其实已经改变了,只是为更新dom updated beforeDestroy destroyed ...原创 2020-08-10 19:55:38 · 139 阅读 · 0 评论 -
Vue-Loader中报TypeError: Cannot read property ‘parseComponent‘ of undefined错误
在使用Vue-Loader时报错,按照官网上安装vue-loader 和 vue-template-compiler 后还是有问题,在检查了modules文件夹,发现多了一个vue-template-es2015-compiler的文件夹,而不是vue-template-compiler, 在删除vue-template-es2015-compiler,重新安装vue-template-compiler,问题解决。 ...原创 2020-08-09 15:30:49 · 9220 阅读 · 6 评论 -
Vue-Router基础
基本使用 基本步骤: 导包 , 导入vue-router的js文件,可以使用cdn方式,也可以加载本地的js文件 新建VueRouter对象,并在对象中设置routes (路由规则,需要设置path和component属性) 将router对象挂载到Vue实例中 在HTML文件中设置router-view作为占位符,用于匹配到的组件显示。 例子: <!DOCTYPE html> <html lang="en"> <head> <meta ch原创 2020-08-07 08:39:03 · 177 阅读 · 0 评论 -
VueX初体验
概念 官方的第一是:“Vuex是一个专门为vue.js应用程序开发的状态管理模式”。 具体得说就是将所有vue组件的状态统一到一个对象中,集中管理。这个对象就是store对象。但这个对象与一般的全局对象有两个主要区别 store对象中的状态是响应式的,当store 中的状态发生改变,所对应的组件也会得到高效更新 store中的状态无法直接进行修改,需要显示的提交commit。 下面是store对象的几个属性 Store state: 用来存放各种状态 mutations :存放对state中状态的一些原创 2020-07-13 20:23:33 · 189 阅读 · 0 评论 -
Vue中用钩子函数实现小球半场动画
简述 通过使用Vue 中的钩子函数,实现小球半场动画。效果如下图: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/n原创 2020-08-05 22:20:36 · 349 阅读 · 0 评论
分享