随笔分类 -  vue

vue跳转当前页面
摘要：vue跳转当前页面是不刷新的，比较简单的方法是window.onload()或则this.$router.go(0); 这样会有空白页的闪烁感 推荐 阅读全文
posted @ 2020-04-30 16:45 cyany_blue 阅读(7037) 评论(0) 推荐(0)
vue ssr
摘要：``` vue create ssr //创建项目 npm i vue-server-renderer express --save //安装必要依赖 ``` 阅读全文
posted @ 2020-04-24 23:51 cyany_blue 阅读(21) 评论(0) 推荐(0)
vue自定义指令
摘要：局部指令 全局指令 钩子函数 bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。 update：所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前 阅读全文
posted @ 2020-04-09 11:30 cyany_blue 阅读(241) 评论(0) 推荐(0)
vue兄弟节点通信
摘要：1.创建一个实例Vue，作为桥梁，共享一个实例里面的方法 2.创建两个子组件 3.在a.vue中引入桥梁brigde.js,使用emit方法触发函数，emit（方法名，参数） 4.在b组件中使用on方法监听 on(方法名，回调函数) 此处方法名同需要参数的那个方法名 That's all !!! 阅读全文
posted @ 2020-04-09 10:28 cyany_blue 阅读(764) 评论(0) 推荐(0)
vue----打包上线引用外部cdn
摘要：一般vue,vue router,axios等其他库可以使用外部cdn 然后在index.html页面加上外部资源 提示!!! 如果项目是已经启动了，需要重新启动，要不然会找不到VueRouter！！！ 阅读全文
posted @ 2020-03-01 10:21 cyany_blue 阅读(2619) 评论(0) 推荐(0)
vue----mockjs
摘要：1. 2.在src目录下新建一个mock.js文件 阅读全文
posted @ 2020-02-29 21:23 cyany_blue 阅读(142) 评论(0) 推荐(0)
vue-use echart
摘要：npm install echarts save 然后在需要引用的组件中引入echart 阅读全文
posted @ 2018-11-02 22:29 cyany_blue 阅读(485) 评论(0) 推荐(0)
vuex first time
摘要：首先需要安装vuex npm install vuex 然后新建一个在src文件夹下面创建一个store文件夹，在store文件下面创建store.js文件 在文件中写上 创建好store.js文件之后，需要在main.js里面调用，以致于所有文件都可以共享该状态 之后，如果我们想使用store存储 阅读全文
posted @ 2018-10-22 09:49 cyany_blue 阅读(206) 评论(0) 推荐(0)
vue-resource and axios
摘要：npm install save vue resource https://www.npmjs.com/package/vue resource get 请求 post jsonp 全局拦截器 补充： 直接在vue实例中配置 可以配置公用请求地址 http:{ root :'url" } axios 阅读全文
posted @ 2018-09-24 22:54 cyany_blue 阅读(208) 评论(0) 推荐(0)
vue 双向绑定原理
摘要：vue的双向绑定，主要还是利用了Object.defineProperty(监听的对象，需要设置的键，{value:值}) 或则是 在外层通过keyup事件监听元素的变化，通过event对象的target赋值给obj，然后通过上面set方法里面进行赋值 大概是下面这样： document.getEl 阅读全文
posted @ 2018-09-17 21:27 cyany_blue 阅读(146) 评论(0) 推荐(0)
vue-实践1
摘要：1.基本框架配置 2.路由配置 增加页面 在router文件夹下面的index.js进行配置 3.配置elementui 4.axios配置 uploading image 994782.png 阅读全文
posted @ 2018-06-26 22:35 cyany_blue 阅读(118) 评论(0) 推荐(0)
vue通信
摘要：首先注册父子vue路由页面在router/index.js文件下 组件嵌套： 阅读全文
posted @ 2018-06-20 23:03 cyany_blue 阅读(128) 评论(0) 推荐(0)
vue正确引入第三方包
摘要：项目使用到weui.js的一些小功能，可是直接import 对应的weui.js文件好像会报错，一直找不到原因，还是只能通过依赖包来安装使用 神奇的事情： 这样会报错 npm install save html2canvas 这样会成功：npm install html2canvas save 然后 阅读全文
posted @ 2018-06-12 21:43 cyany_blue 阅读(1058) 评论(0) 推荐(0)
vue change page title
摘要：只需要在路由index.js配置meta的title就可以，然后在main.js实现页面改变title 如果想为了seo的话，可以添加name，和content main.js 阅读全文
posted @ 2018-06-12 09:54 cyany_blue 阅读(823) 评论(0) 推荐(0)
es6
摘要：es6: 1.let and const 2.Arorw functions 3.Default parameters 4.for of loop 5.Spread attributes 6.Maps 7.Sets 8.Static methods 9.getters and Setters let 阅读全文
posted @ 2018-06-10 22:17 cyany_blue 阅读(131) 评论(0) 推荐(0)
vue-router
摘要：安装： https://www.npmjs.com/package/vue router npm i vue router 动态路由： 在需要在router文件夹的index.js先注册好需要的路由页面 并且设置好动态路由之后的地址展示 在跳转之后页面中我们可以接收我们动态传过来的参数， 使用$ro 阅读全文
posted @ 2018-06-08 23:28 cyany_blue 阅读(137) 评论(0) 推荐(0)
vue-lazyload
摘要：包地址：https://www.npmjs.com/package/vue lazyload 安装： npm install vue lazyload D 用法： 更多详细配置参考文档上面的地址 注意：坑点出现了 因为图片是main.js里面的，webpack是不是处理的 所以需要处理一下 如果使用 阅读全文
posted @ 2018-06-08 10:27 cyany_blue 阅读(100) 评论(0) 推荐(0)