![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
一只大海
小白一名鸭鸭鸭
展开
-
Vue.directive()自定义指令的用法和实例
定义全局自定义指令注意:Vue.directive(‘参数名称’,{}) 定义全局指令,它有两个参数参数1:指令名称,注意在定义的时候,指令名称前不需要加 v- 前缀,但是在调用的时候,必须加v- 前缀。参数2:参数2是一个对象,这个对象身上有一些指令相关的函数(也就是下边介绍的钩子函数),这些函数可以在特定的阶段,执行相关操作。 <div> <!-- 让inpu...原创 2019-04-03 23:01:40 · 2946 阅读 · 0 评论 -
vue 子组件触发父组件方法的两种方式
第一种方法:如下:通过this.emit()来触发父组件的方法。具体就是子组件触发emit()来触发父组件的方法。具体就是子组件触发emit()来触发父组件的方法。具体就是子组件触发emit绑定的事件watchChild,然后父组件监听watchChild,一旦watchChild被触发便会触发父组件的parentReceive方法。父组件:<template><div&...转载 2019-04-10 21:59:06 · 11461 阅读 · 2 评论 -
vue的初步使用方法
一.下载vue文件并引入当然你也可以不下载文件,直接引入文件,前提是你有网络下载vue文件引入vue文件这里引入的是在线的文件<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!-- 生产环境版本,...原创 2019-04-01 21:15:21 · 259 阅读 · 0 评论 -
vue的常用指令和事件修饰符
一、常用指令1.v-text解释:更新元素的 textContent<div id="app"> <h2 v-text="text"></h2></div><script> let vm = new Vue({ el:'#app', data:{text:"<span>...原创 2019-04-02 22:52:37 · 733 阅读 · 0 评论 -
Vue引用过度类名实现动画及小案例
.v-enter:进入之前的状态.v-leave-to:离场之后的状态.v-enter-active:入场动画的过程.v-leave-active:离场动画的过程 <style> /*进入之前的状态 :v-enter 离场之后的状态:v-leave-to */ .v-enter, .v-leave-to{ o...原创 2019-04-08 22:20:15 · 162 阅读 · 0 评论 -
Vue组件的数据传递
props的作用能让组件如同我们所知的js函数一样,在被使用时能够接收参数,并根据参数有不同的展现使用props流程①给组件添加props选项在自定义组件的内容配置对象里面给上一个props选项,他和template同级,如下:Vue.component('props-message',{ props:['message'], template:`<div>...转载 2019-04-14 17:43:12 · 839 阅读 · 0 评论