vue.js
文章平均质量分 78
DreamFive
这个作者很懒,什么都没留下…
展开
-
第一节、什么是Vue组件及组件的注册方法
相信在使用Vue进行项目开发的时候很多人会接触到vue组件,最常见的就是我们使用的element-ui组件库,用起来确实很方便,大大减少了我们的开发时间。在一个项目中其实有很多可复用的代码块,如果我们可以把这些内容封装成一个组件就能够很方便的进行各种重复使用。 那么什么是Vue组件呢?它是vue.js最强大的功能之一,是可扩展的html元素,是封装可重用的代码,同时也是Vue实例,可以接受相同的原创 2017-12-06 19:02:44 · 7265 阅读 · 3 评论 -
Vue 简介及内部指令
目录 目录 vue.js 是什么? vue 内部指令 1、声明式渲染 2、v-if v-else v-show 指令 3、v-for 指令 :解决模板循环问题 4、v-text & v-html 5、v-on:绑定事件监听器 6、v-model指令 7、v-bind 指令 8、其他内部指令(v-pre & v-cloak & v-once) v...原创 2018-03-26 23:40:03 · 475 阅读 · 0 评论 -
Vue ----全局 API
目录 目录 生命周期图示 Template 制作模板 vue 组件 每个 Vue 实例在被创建时都会经历一系列的初始化过程。这个过程中会运行一些叫做声明周期钩子的函数。 生命周期图示 下图展示了实例的生命周期。 Vue一共有10个生命周期函数,我们可以利用这些函数在vue的每个阶段都进行操作数据或者改变内容。上面的图很清楚的展示了一个 Vue 实例从创建倒挂载,再从更...原创 2018-04-02 22:50:33 · 412 阅读 · 0 评论 -
第二节、组件构建方法(主要是针对公用组件)
讲组件的构建之前我们现在看下组件之间的数据传递,我们先来看一下组件组合的关系。组件最常见的就是父子组件(例如在A组件中使用了B组件)。先看一张图这张图反映了父子组件传递数据的关系,简单来说有两个方面:父组件向子组件下发数据,子组件向父组件传递事件上面一句话是重点,也是我们组件之间传递数据的核心,父组件通过prop向下传递数据给子组件,子组件通过事件向上给父组件发送消息看到上面,有些人可能会有疑问,...原创 2018-04-02 23:40:00 · 1043 阅读 · 0 评论 -
Vue 插件的开发和使用
开发插件 插件通常会为 Vue 添加全局功能。插件的范围没有限制—一般有下面几种: 添加全局方法或者属性,这个还是比较常用的。 添加全局资源:指令/过滤器/过度等。 通过全局 mixin 方法添加一些组件选项。 添加 Vue 实例方法,通过把他们添加到 Vue.prototype 上实现。 一个库,提供自己的 API ,同事提供上面提到的一个或多个功能。 Vue.js 的插件有一个公...原创 2018-04-03 14:22:54 · 1278 阅读 · 0 评论 -
Vue 修饰符
目录 目录 事件处理 1. 事件修饰符 2.按键修饰符 系统修饰键 .exact 修饰符允许你控制由精确的系统修饰符组合触发的事件。 鼠标按钮修饰符 表单输入绑定 .lazy .number .trim 组件上的修饰符 .native .sync 修饰符 (Modifiers) 是以半角句号 . 指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。 事...原创 2018-04-03 16:52:19 · 1508 阅读 · 0 评论 -
Vue 数组的相关操作
用 v-for 把一个数组对应为一组元素 我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。 <ul id="example-1"> <li v-for="item in items"> {{ item.message...原创 2018-04-18 14:39:37 · 9710 阅读 · 2 评论 -
vue 自定义指令前端功能(按钮)权限控制
在用户登陆后,根据用户id读取用户的所有权限数据,放入本地的sessionStorage进行存储(这里我是拿到权限按钮按钮的标识,英文名称。把他们合成一个字符串存储在 btnPowerString 中。),之后,定义指令,如果用户含有此按钮权限,则在页面显示出来: /**权限指令**/ Vue.directive('has',{ bind:function (el,binding) { ...原创 2018-05-30 15:53:29 · 4969 阅读 · 0 评论