文章分类 - vueJs 和 vue-cli脚手架
vue
摘要：VUE页面开发中，我们经常需要根据路由的变化去实现一些操作，那么如何监听路由的变化呢？当然是利用VUE中的watch，请看代码。 一、监听路由从哪儿来到哪儿去 watch:{ $route(to,from){ console.log(from.path);//从哪来 console.log(to.p
阅读全文
摘要：确认windows本机是不是安装了nodejs 和 vue-cli，win+r打开cmd，输入nodejs -v 即可查看是否安装了nodejs,输入vue-cli 查看是否安装了 vue-cli。若无请自行安装。 利用vue-cli创建vue项目，vue init webpack demo (de
阅读全文
摘要：一.通过命令配置 1. 命令 npm config set registry https://registry.npm.taobao.org 2. 验证命令 npm config get registry 如果返回https://registry.npm.taobao.org，说明镜像配置成功。 二
阅读全文
摘要：vue.js中v-for的使用及索引获取 2.x版本： index即索引值。 分割线 1.x版本： 1.v-for 示例一： 2.索引 在 v-for 块内我们能完全访问父组件作用域内的属性，特殊变量 $index是当前数组元素的索引： 另外，你可以为索引指定一个别名（如果 v-for 用于一个对象
阅读全文
摘要：初次向GitHub上传项目：git initgit add README.mdgit commit -m "first commit"git remote add origin git@github.com:shimilygood/Home-wanglei2016.gitgit push -u or
阅读全文
摘要：【舒：】方式一：1.webstorm打开evtGulp项目或者mcake-activity项目2.中，开启gulp->default/develop，启动watch监听3.新建一个扩展名为.scss的sass文件文件4.保存后，自动编译到指定的css中方式二:1.webstorm打开一个空白项目2.
阅读全文
摘要：原文地址：http://www.cnblogs.com/zhangruiqi/p/9412948.html 一、生命周期 先贴两张图： vue生命周期 小程序生命周期 相比之下，小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，
阅读全文
摘要：vue项目前后端分离，采用axios为异步请求的库，为了解决Rest接口访问的安全问题，需要在每次发送请求前在请求头设置一个token和签名，以在服务端根据token和签名对访问的合法性做校验。 在axios的请求拦截器做这个逻辑，具体代码如下。
阅读全文
摘要：组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。 所有的 Vue 组件同时也都是 V
阅读全文
摘要：原文地址：https://blog.csdn.net/sinat_17775997/article/details/80756510 1.父组件给子组件传递数据 vue中使用props向子组件传递数据 1): 子组件在props中创建一个属性,用于接收父组件传过来的值 2): 父组件中注册子组件 3
阅读全文
摘要：beforeCreate: 组件实例刚刚被创建,组件属性计算之前,如data属性 created: 组件实例创建完成,属性已绑定,但是DOM还未完成,$el属性还不存在 beforeMount:模板编译/挂载之前 mounted: 模板编译/挂载之后 beforeUpdate: 组件更新之前 upd
阅读全文
摘要：https://www.cnblogs.com/future-zmq/articles/8454350.html 新版本的dev-server.js与webpack.dev.json.js合并 找到 此vue-cli中webpack.dev.conf.js文件的devServer对象进行配置路由 访
阅读全文
摘要：原文地址：https://segmentfault.com/a/1190000009404727 如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。 我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个
阅读全文
摘要：https://www.jianshu.com/p/df464b26ae58 一、安装 1、 利用npm安装npm install axios --save 2、 利用bower安装bower install axios --save 3、 直接利用cdn引入<script src="https:/
阅读全文
摘要：传递参数的方法： 1.Params 由于动态路由也是传递params的，所以在 this.$router.push() 方法中 path不能和params一起使用，否则params将无效。需要用name来指定页面。 及通过路由配置的name属性访问 在路由配置文件中定义参数： 通过name获取页面，
阅读全文
摘要：$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM。 考虑这样一种场景，你有一个 jQuery 插件，希望在 DOM 元素中某些属性发生变化之后重新应用该插件，这时候就需要在 $nextTick 的回调函数中
阅读全文
摘要：一、父级和字组件之间的数据传递 1.父子传值 第一步： 在父元素中绑定一个参数 我这里的是：:good ="item" 第二步： 在子元素中接受，使用props接收。 2.子向父传值 第一步： 在子组件中触发 我这里并没有传值，如果需要传值，就：self.$emit('selectCity', '你
阅读全文
摘要：写在前面： 传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vue router 是如何进行传参的，以及一些小细节问题。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。 Vue router如何传参 params、query是什么？
阅读全文
摘要：1.构造器(实例化) var vm = new Vue({ //选项 | DOM（3） | | el (提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。) | | template (一个字符串模板作为 Vue 实例的标识使用。模板将会 替换 挂载的元素。挂载元素的内容都将被忽略
阅读全文
浙公网安备 33010602011771号