Vue
蓬莱老仙
这个作者很懒,什么都没留下…
展开
-
Vue-生命周期函数详解
图片&示例示例:html:<div id="app"> <h1 id = "h1">{{ msg }}</h1> <input type="button" name="" @click = "msg='changed'" value = "button"></div>JS:new Vue({ ...原创 2019-07-20 21:00:30 · 110 阅读 · 0 评论 -
Vue-事件修饰符的使用详解
.stop 阻止事件冒泡,.prevent 阻止默认事件,.capture添加事件侦听器时使用事件捕获模式,.self只有当事件在该元素本身触发时才会执行事件,.once事件只触发一次原创 2019-07-20 20:53:58 · 752 阅读 · 0 评论 -
Vue-自定义全局指令和局部指令的方法详解
自定义全局指令语法:Vue.directive ('Directive_Name',{Hook_Function:callback(el,binding)})第一个参为指令名称,自定义指令时不需要加 v- 前缀,调用时必须要加 v-第二个参数为配置项,是一个对象,里面主要包含一些和自定义指令执行相关的函数,通过对象中的函数可以在特定的阶段执行相关的操作。Directive_Name...原创 2019-07-20 20:49:10 · 3539 阅读 · 1 评论 -
Vue-常用系统指令,显示隐藏元素v-if与v-show的使用
v-if 与 v-showv-if 判断是否移除或者插入元素(默认显示)根据表达式的值的布尔值来决定是否渲染元素,如果条件为 false 不渲染(达到隐藏元素的目的),为 true 则渲染。在切换时元素及它的数据绑定被销毁并重建。v-show 判断是否显示或隐藏元素(默认隐藏 false)根据表达式的布尔值,切换元素的 display CSS 属性,如果为fals...原创 2019-07-20 20:44:30 · 2907 阅读 · 0 评论 -
Vue-常用系统指令v-bind、v-on、v-model、v-for和 key 属性的使用
v-bind该指令可以给 HTML 元素或者组件动态地绑定一个或多个特性,比如:style、class。<input type="button" name="" v-bind:value = "myType" v-bind:title = "msg">v-bind 指令可简写为 : ,绑定的属性中可以写合法的 JS 代码。<input type="button"...原创 2019-07-20 20:41:43 · 2620 阅读 · 0 评论 -
Vue-常用系统指令v-cloak、v-text、v-html 的使用详解
Vue 常用系统指令v-cloak该指令不需要 表达式,可以解决插值表达式 闪烁 问题。这个指令会在 Vue 实例编译结束时,从绑定的 HTML 元素上移除;该指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。CSS:/*通过属性选择器设置其隐藏*/[v-cloak] { display: none;}HTML:<div id="app"> ...原创 2019-07-20 20:37:21 · 493 阅读 · 0 评论 -
Vue-vue.js概述,vue的安装及创建vue实例
1.1. vue.js 是什么是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。1.2. 框架和库的区别框架:是一套完整的解决方案;对项目的侵入性比较大,项目如果...原创 2019-07-20 20:28:57 · 181 阅读 · 0 评论