
Vue
MiniCai_
这个作者很懒,什么都没留下…
展开
-
今天来讲讲Vue的自定义指令
基于 vue 自定义指令 操作DOM先上官方网址[https://cn.vuejs.org/v2/guide/custom-directive.html]相信用vue的各位战士们应该都会频繁地用到 v-if v-show ,这样的官方自带指令,其实我们自己也是可以写出v-eat,v-focus,v-dragMove 这样的指令的。vue官方给出的这个api就是为了让各位战士操控底层DOM的。今天以一个小例子,来谈谈自定义指令,菜鸡,你要是骂我,我就要打你,所以不准骂我。...原创 2020-06-24 11:13:02 · 263 阅读 · 0 评论 -
Vue入门
模板语法 mustache语法 双大括号语法指令Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架指令组件作用: 是用来操作DOM的,指令就是绑定在DOM身上的一个属性,这个属性具备一定的功能,这个功能用来操作DOM-Vue最大的好处就是不用像传统原生JS 渲染那样,先获取DOM,再对DOM元素进行一些列操作,现在可以直接使用V...原创 2019-05-23 16:27:01 · 139 阅读 · 0 评论 -
Vue之生命周期的8个钩子函数
Vue-生命周期总结:生命是生命周期呢?当前组件在创建到销毁经历的一系列过程,称之为生命周期生命周期的分为几个阶段?每个阶段有哪些钩子函数生命周期分为3个阶段,这三个阶段分别是: 初始化 、 运行中 、 销毁初始化阶段:有4个钩子函数 , 触发条件是自动的beforeCreate组件即将创建,进行组件事件和生命周期的初始化项目中一般不使用,至少对于我来说是的哈有的开发者也会在这...原创 2019-05-28 21:48:23 · 4492 阅读 · 0 评论 -
Vue的组件
Vue的组件Vue.js通过Vue.extend() 方法来扩展 组件的 使用Vue.extend( options ) 里面的options参数和 Vue(options) 的options参数几乎是一致的new Vue出来的 ViewModel( 视图模型 ) 也是一个组件,我们称之为 ‘根实例组件’ ,叫 ‘Root’ 组件Vue中组件的表现形式是类似于标签的,要想像...原创 2019-05-28 21:53:17 · 158 阅读 · 0 评论 -
Vue.js的父子组件通信
父子组件通信:父组件将自己的数据传给子组件1.父组件将自己的数据通过属性绑定的形式传给子组件aa在这里就是传递的自定义属性2.子组件在自己的配置项里通过props来接收这个属性Vue.component(‘Son’, {template: ‘#son’,props: {‘aa’: Number}})属性:属性的数据类型-- 这样是为了给数据做属性验证,验证数据类型也可以写成...原创 2019-05-29 21:47:13 · 262 阅读 · 0 评论