VUE
vue的知识和学习理解
喜新厌旧_大舅哥
这个作者很懒,什么都没留下…
展开
-
Vue成神之路(八):node.js,npm,vue-cli,webpack前端环境和工具的关系
一:node.js与npm的关系刚接触前后端分离的时候,不懂这些关系,只知道按照百度来一股脑往电脑上安装东西就完事,也没有分析它们之间的关系和发挥的作用。node.js类似浏览器运行脚本环境,可以运行js脚本,更加强大的是v8引擎,并且经过不断的开发者加入,node.js有自己的语言而且可以连接数据库,有点类似后端的java。总结下来就是可以跑js脚本环境,本身自己也有编程语言,可以连接数据库。npm 类似后端开发中的maven,现在安装node.js会自动安装npm工具,可以为我们下载前端所需依赖,原创 2020-06-19 14:33:37 · 931 阅读 · 0 评论 -
Vue成神之路(三):Vue自带指令学习和自定义指令了解
一:vue内置指令学习v-model(.lazy .trim .number)<!-- 阻止单击事件继续传播 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="doTha原创 2020-06-19 10:38:51 · 198 阅读 · 0 评论 -
Vue成神之路(一):Vue对象创建,属性,钩子函数,Vue特殊方法
一:Vue对象创建和销毁钩子函数:beforeCreate:对象初始化之前,data钩子函数初始化之前,dom对象没创建。create:对象已经创建,data钩子函数已经初始化,dom对象没创建。beforeMount:对象已经创建,data钩子函数已经初始化,dom对象已创建,data数据没有挂载到dom的指令中。mounted:对象已经创建,data钩子函数已经初始化,dom对象已创建,data数据已经挂载到dom的指令中。beforeDestroy:对象存在,data数据存在,dom对象销毁原创 2020-06-18 18:05:38 · 1585 阅读 · 0 评论 -
Vue成神之路(二):Vue中watch,computed,methods的使用和区别
一:watch的使用方式(监听器)1、watch 函数是不需要调用的。2、重点在于监控,监控数据发生变化的时候,执行回调函数操作。3、当我们需要在数据变化时执行异步或开销较大的操作时,应该使用 watch4、函数名就是你要监听的数据名字a:第一种方式缺点:值第一次绑定的时候 不会执行监听函数,只有当值改变的时候才会执行。优点:代码编写简单,直观理解1. data(){2. return{3. userName:"",4. }5. },6. watch:{ userNam原创 2020-06-18 15:20:09 · 211 阅读 · 1 评论 -
Vue成神之路(七):VueRouter的router.push(),router.replace(),router.go()区别和this.$router传递参数与取值
一:this.$router.push、replace、go的区别1.router.push()方式向路由对象中添加新的路由路径(会在浏览器history中留下记录)声明式:编程式:router.push(…)2.router.replace()方式向路由对象中添加新的路由路径(不会在浏览器history中留下记录)声明式:编程式:router.replace(…)3.router.go(-1)(相当于浏览器后退一步),router.go(3)(相当于浏览器前进三步)二:this.$rout原创 2020-06-18 10:11:53 · 2777 阅读 · 0 评论 -
Vue成神之路(六):VueX的认识和使用
1.vuex容器store的变量和全局变量不同点1.Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store中的状态发生变化,那么相应的组件也会相应地得到高效更新。2.你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation3.全局变量是单项的流向,你修改了,你得再取出来使用就更新,原来引用的页面不会高效的更新,也就没有达到vue双向数据驱动的目的了。2.vuex的项目引用1.将store原创 2020-06-17 18:51:28 · 175 阅读 · 0 评论 -
Vue成神之路(五):ES6语法知识的学习
1.关于let变量1、let所声明的变量,只在let命令所在的代码块内有效。2、不存在变量提升:所声明的变量一定要在声明后使用,否则报错。如 let a=a会报错3、不允许重复声明:let不允许在相同作用域内,重复声明同一个变量。即不能在函数内部重新声明参数。2.作用域的分类1.ES5只有全局变量和函数作用域变量,有很多不合理的地方,第一种场景,内层变量可能会覆盖外层变量。第二种场景,用来计数的循环变量泄露为全局变量。下面代码中,变量i只用来控制循环,但是循环结束后,它并没有消失,泄露成了全局变原创 2020-06-17 18:50:31 · 178 阅读 · 0 评论 -
Vue成神之路(四):Vue父子组件之间的传值
1.父组件中引用子组件2.子组件props中定义传递变量名称3.子组件向父组件传参数4.父组件向子组件传参的props的类型和校验1.数组形式props: [data1, data2]数组形式相当于直接接收消息,不做任何校验,一般来说,不太建议使用数组形式。2.简单对象形式props: { data1: String, data2: Array}简单对象形式对父组件传递的值进行了类型校验,如果传过来的值类型不一致,控制台会报错。3.复杂对象形式props: {data1: {原创 2020-06-17 11:24:57 · 326 阅读 · 0 评论 -
elementUI中Tab标签中放置Iframe页面之间的传参,以及解决页面缓存问题
1.在elementUI组件中父页面上获取到多个tab中正在活跃的tab标签,并且找到iframe页面中vue对象的方法为:var tableListIframe = $("#" + $("[aria-selected='true']").attr('aria-controls')).find("iframe")[0].contentWindow;2.在elementUI组件中,根据ta...原创 2019-08-21 16:22:20 · 3934 阅读 · 0 评论