vue中aciton使用的自我总结

Vue中的循环以及修改差值表达式

0828自我总结一.Vue中的循环 v-for 常见的4总情况 #第一种 <div v-for="item in items"></div> #第二种 <div v-for="(item, index) in items"></div> #第三种 <div v-for="(val, key) in object"></div> #第四种 <div v-for=&quo…

vue中methods,computed，filters,watch的总结

08.28自我总结 vue中methods,computed,filters,watch的总结一.methods methods属性里面的方法会在数据发生变化的时候你,只要引用了此里面分方法,方法就会自动执行.这个属性没有依赖缓存二.computed 计算属性该属性里面的方法必须要有return返回值,这个返回值就是(value值). 有几个关键点 1) 计算后属性不需要在data中重复定义 2) 计算后属性必须渲染后,绑定的方法才会生效这里指就是定义后的变量名在上面html中显示 3) 计…

Vue中组件

0828自我总结 Vue中组件一.组件的构成组件:由 template + css + js 三部分组成(.vue文件) 1)组件具有复用性 2) 复用组件时,数据要隔离 3) 复用组件时,方法不需要隔离,因为方法使用隔离数据就可以产生区别组件介绍: 1) 每一个组件都有自己的template(虚拟DOM),最后要替换掉真实DOM(渲染) 2) 挂载点el,在根组件没有规定template,用挂载的真实DOM拷贝出虚拟DOM,完成实例创建后再替换掉真实DOM(渲染) 3) 挂载点el,在根…

Vue中插槽指令

08.29自我总结 Vue中插槽指令意义就是在组件里留着差值方便后续组件内容新增而且由于插件是写在父级中数据可以直接父级中传输而不需要传子再传父有些情况会减少写代码量示例 <div id="app"> <msg-tag> //4.创建个组件 <template v-slot:插槽的名称> //根据插槽的名称创建插槽 //插槽里面的内容 </template> </msg-tag> </div> <sc…

vue中如何不通过路由直接获取url中的参数

前言:为什么要不通过路由直接获取url中的参数? vue中使用路由的方式设置url参数,但是这种方式必须要在路径中附带参数,而且这个参数是需要在vue的路由中提前设置好的. 相对来说,在某些情况下直接在url后面拼接?mid=100的方式传递参数更灵活,你不需要设置路由,只需要在url后拼接参数即可,但是这种方式就需要通过javascript获取并提取url中的参数,通过传统的方式直接在页面中获取是行不通的了,因为vue中是无法通过location.search()来获取url问号之后的内容的.…

vue中的重要特性

一.vue中的自定义组件 html的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue1</title> <script type="text/javascript" src="../vue.js"></script> </…

Vue中comoputed中的数据绑定

Vue中的数据实现响应式绑定是在初始化的时候利用definePrototype的定义set和get过滤器,在进行组件模板编译时实现water的监听搜集依赖项,当数据发生变化时在set中通过调用dep.notify进行发布通知,实现视图的更新. 1.在vue中$option.data中定义的数据是都是响应式的,在初始化生命周期的时候就已经实现了数据双向绑定,通常在view中只是用一个表达式语句,当绑定时的逻辑比较复杂是可以通过计算属性的方式实现.但是在computed中定义的属性只具有get方法,…