u011360133的专栏

Vue：渐进式JavaScript框架Vue基本使用Vue文件cdn引用：https://cdn.bootcdn.net/ajax/libs/vue/2.6.8/vue.js模版语法指令-[v-cloak, v-on, v-model, v-text, v-html, v-pre, v-once, v-bind, v-for, v-if, v-else-if, v-else, v-show, v-slot]数据绑定指令...

使用v-if改变变量的true、false，配合vm.$nextTIck(function(){ ... }) // 异步更新队列....this.show = false;this.list = res.resultthis.$nextTick(function(){ this.show = true;})....$nextTIck：为了在数据变化之后等待 V...

看Vue文档整理笔记，便于自己学习目录组件基础基本示例组件的复用data 必须是一个函数组件的组织通过 Prop 向子组件传递数据单个根元素监听子组件事件使用事件抛出一个值在组件上使用 v-model通过插槽分发内容动态组件解析 DOM 模板时的注意事项is 特性组件基础基本示例组件是可复用的 Vue 实例，且带有一个...

看Vue文档整理笔记，便于自己学习目录表单输入绑定基础用法文本多行文本复选框单选按钮选择框值绑定复选框单选按钮选择框的选项修饰符.lazy.number.trim表单输入绑定基础用法v-model指令在表单<input>、<textarea>及<select>元素上创建双...

看Vue文档整理笔记，便于自己学习目录事件处理监听事件事件处理方法methods内联处理器中的方法事件修饰符按键修饰符系统修饰键事件处理监听事件v-on 指令监听 DOM 事件<div id="example-1"> <button v-on:click="counter += 1">Add 1</butto...

看Vue文档整理笔记，便于自己学习目录列表渲染v-for：指令根据一组数组的选项列表进行渲染。数组更新检测注意事项对象更改检测注意事项显示过滤-排序结果一段取值范围的-v-forv-for on a<template>列表渲染v-for：指令根据一组数组的选项列表进行渲染。v-for指令需要使用item in items形式...

看Vue文档整理笔记，便于自己学习目录1、模板语法2、计算属性和侦听器计算属性：computed声明一个计算属性reversedMessage方法：methods侦听属性：watch有一些数据需要随着其它数据变动而变动时使用计算属性的 setter，计算属性默认只有 getter，需要时可以提供一个 setter侦听器：当需要在数据变化时执行异步或开销较大...

看Vue文档整理笔记，便于自己学习动态组件 & 异步组件在动态组件上使用 keep-alive我们之前曾经在一个多标签的界面中使用is特性来切换不同的组件：<component v-bind:is="currentTabComponent"></component>当在这些组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复...

看Vue文档整理笔记，便于自己学习插槽插槽内容Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自Web Components 规范草案，将<slot>元素作为承载分发内容的出口。它允许你像这样合成组件：<navigation-link url="/profile"> Your Profile</navigati...

看Vue文档整理笔记，便于自己学习自定义组件事件名始终使用 kebab-case（短横线命名） 的事件名。<my-component v-on:my-event="doSomething"></my-component>this.$emit('my-event')自定义组件的 v-model---2.2.0+ 新增一个组件上的v-...

看Vue文档整理笔记，便于自己学习组件-PropProp 的大小写 (camelCase vs kebab-case)HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名：注意：如果你使用字符串模...

看Vue文档整理笔记，便于自己学习组件注册组件名：字母全小写且必须包含一个连字符Vue.component('my-component-name', { /* ... */ })定义组件名的方式有两种：kebab-case短横线命名法(短横线分隔命名)、PascalCase帕斯卡命名法 (首字母大写命名)注意：当使用PascalCase(首字母大写命名)定义组件时，你...