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 · 3835 阅读 · 0 评论 -
Vue的生命周期
记录一下在Vue对象中的生命周期分为八个事件：beforeCreate: 在实例创建之前触发，想data等属性并未初始化created：实例创建之后立刻触发，但未进行挂载，网页上还是处于未挂载状态beforeMountemountedbeforeUpdate：数据其实已经改变了，只是为更新domupdatedbeforeDestroydestroyed...原创 2020-08-10 19:55:38 · 111 阅读 · 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 · 9135 阅读 · 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 · 134 阅读 · 0 评论 -
VueX初体验
概念官方的第一是：“Vuex是一个专门为vue.js应用程序开发的状态管理模式”。具体得说就是将所有vue组件的状态统一到一个对象中，集中管理。这个对象就是store对象。但这个对象与一般的全局对象有两个主要区别store对象中的状态是响应式的，当store 中的状态发生改变，所对应的组件也会得到高效更新store中的状态无法直接进行修改，需要显示的提交commit。下面是store对象的几个属性Storestate： 用来存放各种状态mutations ：存放对state中状态的一些原创 2020-07-13 20:23:33 · 154 阅读 · 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 · 309 阅读 · 0 评论