u013089490的博客

1、事件处理1. 绑定监听: v-on:xxx="fun" @xxx="fun" @xxx="fun(参数)" 默认事件形参: event 隐含属性对象: $event2. 事件修饰符: .prevent : 阻止事件的默认行为 event.preventDefault() .stop : 停止事件冒泡 event.stopPropagation()3. 按键修饰符 .keycode : 操作的是某个keycode值的健 .enter : 操作的是enter键...

vueadmin-template模板使用目前是比较流行的，它是在elementui基础上再次封装的。github地址：https://github.com/PanJiaChen/vue-admin-template1、安装在GitHub上https://github.com/PanJiaChen/vue-admin-template下载，下载完之后我们把名称修改一下为自己的名称，然后进行...

      了解插槽slot之前，我们先说一下作用域。父组件模板的所有东西都会在父级作用域内编译；子组件模板的所有东西都会在子级作用域内编译。因此slot分发的内容，作用域是在父组件上。1、单个slot在子组件内使用特殊的<slot>元素就可以作为这个子组件开启一个slot插槽，在父组件模板里，插入在子组件标签内的所有内容将替代子组件的<slot>标签及它的内容。...

      异步查询数据，自然是通过ajax查询，大家首先想起的肯定是jQuery。但jQuery与MVVM的思想不吻合，而且ajax只是jQuery的一小部分。因此不可能为了发起ajax请求而去引用这么大的一个库。1、axios入门1.1、axios的Get请求axios.get("/item/category/list?pid=0") // 请求路径和请求参数拼接 ....

1.v-for遍历数组【v-for遍历数组语法】v-for="item in items"tems：要遍历的数组，需要在vue的data中定义好； item：迭代得到的数组元素的别名。【代码例子】<div id="app"> <ul> <li v-for="user in users"> ..

1.vm.$refs和ref【代码分析】      如图上图，ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。2.ref在子组件引用 ref和v-for在一起的情况li里的ref的无法读取item里面的值，即it...

 【父组件向子组件传值data和props区别】     子组件中默认是无法访问到父组件中data上的数据和methods中的方法。我们可以在父组件引用子组件的时候，通过属性绑定(v-bind:)的形式，把需要传递给子组件的数据，以属性绑定的形式，传递到子组件内部，以供子组件使用。     子组件的data(){}中的数组是子组件自己私有的数据，而子组件props中的数据是父组件传...

在vue2.x版本中自定义时间都需要通过$emit/$on/$off函数来进行触发、监听和取消监听。如果了解过JavaScript的设计模式-------观察者模式，一定知道dispatchEvent和addEventListener这两个方法。Vue组件中也有与之类似的模式，子组件用$emit来触发事件，父组件用 $on监听子组件的事件。父组件也直接在子组件的自定义标签上使用v-on来监...

组件间通信是组件开发时非常重要的一个环节，Vue在组件键通讯提供了直接访问组件实例的方法，同时也提供了自定义事件机制，通过广播、委派、监听等形式跨组件的函数调用。在组件的实例中，Vue提供了三个属性对其父子组件以及根实例进行直接访问：（1）$parent：父组件实例；（2）$children：包含所有子组件实例；（3）$root：组件所在的根实例。      这三个属性都挂载在...

      不论我们使用哪种方式创建出来的组件，组件中的template属性指向的模板内容中，必须有且只有一个根元素，其他元素必须在这个根元素下面。1.使用Vue.extend配合Vue.component定义全局组件    在使用Vue.extend配合Vue.component定义全局组件时，Vue.extend里面定义template模板，而Vue.component里面是要注册一个...

      组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。1.组件的创建和注册步骤 （1）Vue.extend()是Vue构造器的扩展，调用Vue.extend()创建的是一个组件构造器；（2）Vue.extend()构造器有一个选项对象，选项对象的template属性用于定义组...

     使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时，页面会显示出原始的{{}}，加载完毕后才显示正确数据，我们称为插值闪烁。 尤其在网速比较慢的时候比较明显。【解决方案】使用v-text和v-html指令来替代{{}} 。v-text：将数据输出到元素内部，如果输出的数据有HTML代码，会作为普通文本输出，推荐使用v-text；   v-html：将数据输出到...

1、自定义事件      当子组件需要向父组件传递数据时，就要用到自定义事件。Vue的子组件用$emit()来触发事件，父组件用$on()来监听子组件的事件。父组件也可以直接在子组件的自定义标签上使用v-on来监听子组件触发的自定义事件。使用要求：在子组件中通过$emit()把值传递给父组件，父组件使用v-on:xxx(或者使用语法糖@xxx)；但是需要注意$emit()第一个参数是自...

watch监听用来监听某个prop或data的改变，当它们发生变化时，就会触发watch配置的函数，从而完成我们的业务逻辑。watch监听的数据的回调函数handler(newVar,oldVar)有两个参数可用，第一个就是新的值，第二就是旧的值。1、watch监听基本例子<div> <p>FullName: {{fullName}}</p>...

Vue中的全局变量是通过 Vue.prototype实现的 【例子】我们全局定义axios，定义如下：import axios from 'axios'Vue.prototype.$http = axios;使用如下： this.$http.get("/item/category/bid/" + item.id) .then(resp => { ...