![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
sharryling
这个作者很懒,什么都没留下…
展开
-
Vue踩坑记
Vue踩坑记原创 2022-12-06 09:14:40 · 290 阅读 · 1 评论 -
实战笔记—踩坑笔记:Vue的WEB开发
- 父子组件传值的问题出现的问题: 父组件给子组件(表格)异步传对象时,发现子组件第一次渲染后(数据为空),界面仍然没有发生变化,没有数据显示。原因:父组件给子组件传值,传的是“引用“, 也就是说,如果只是对对象赋值,其实引用仍然不变,而传字符串/数字等会改变。解决:采用watch 监听对象computed传参的问题我们...原创 2020-08-04 11:23:43 · 186 阅读 · 0 评论 -
登录Vue2.0
本文代码参考链接为:https://www.cnblogs.com/zhoulifeng/p/9858605.html流程1.接受到后端的数据中,存有token2.保存token到localStorage,还有vuex中(包括token、用户名)3.设置拦截器:3.1 每次发送请求前带上token:config.headers.Authorization = localStorage.eleToken- 返回的请求中设置401错误处理参考链接的代码:import axios转载 2020-07-12 14:46:06 · 235 阅读 · 0 评论 -
Vue3.0版本
较为详细:https://www.cnblogs.com/lookroot/p/12958148.html1. 更新原创 2020-07-10 21:49:46 · 625 阅读 · 0 评论 -
vue8-慕课音乐盒笔记-jsonp爬虫/mixin/轮播图/
代码:https://github.com/sharryling/practice_Web_Vue.gitvue-music_box音乐盒Build Setup# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build# build for production原创 2020-07-10 16:30:37 · 199 阅读 · 0 评论 -
vuex
what is vuex官网链接:https://vuex.vuejs.org/zh/Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。state,驱动应用的数据源;view,以声明方式将 state 映射到视图;actions,响应在 view 上的用户输入导致的状态变化。什么情况下我应该使用 Vuex?Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长原创 2020-06-18 23:42:53 · 110 阅读 · 0 评论 -
Electron+Vue开发
安装脚手架:vue init simulatedgreg/electron-vue若遇到Electron-vue ReferenceError: process is not defined 问题,参考:https://www.jianshu.com/p/352f1f9fdd8dvue+electron的实战项目例子:参考: Electron+Vue开发跨平台桌面应用...原创 2020-05-25 23:12:40 · 123 阅读 · 0 评论 -
buil 错误
原创 2019-05-30 16:36:03 · 258 阅读 · 0 评论 -
Vue-测试
参考见:黑马程序员学习视频端到端的测试 E2E黑盒测试:只有UI会暴露给用户(产品负责测试的)单元测试前后端都有。vue中的单元测试,主要使用两个工具:Karma + MochaMocha (在node的环境中跑一个测试框架)Chai断言库:例如,测试Helloworld.vue步骤一:test文件是用来测试的步骤二:步骤三:运行 npm run unit如果...原创 2019-04-29 10:42:37 · 258 阅读 · 0 评论 -
vue-笔记 $set
this.$set参考:https://www.cnblogs.com/macq/p/9047668.html这里提到的两种情况实际改变了数据但是没有触发视图更新。由此引出Vue.set(),先上文档API:this.$set()和Vue.set()本质方法一样,前者可以用在methods中使用。set方法调用时,可以触发页面全部重新渲染。比如在vue中有个data数组arr:/...原创 2019-04-19 19:26:53 · 102 阅读 · 0 评论 -
ES6
1.promise对象参考:https://github.com/ruanyf/es6tutorial/blob/gh-pages/docs/promise.md所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方...原创 2019-04-22 11:52:21 · 116 阅读 · 0 评论 -
vue5-路由
路由1.安装1.全局安装,导入script 的url2.webpack安装 模块化模块化:例如基于webpack构建Vue.use (VueRouter) 相当于把后者注册到Vue身上2.使用第一步导入包一导入路径就会变成hash路由第二部:第三步:第四步:3.跳转方式一:方式二:router-link方式三:$.route.push()4.red...原创 2019-04-20 21:46:56 · 186 阅读 · 0 评论 -
vue7-组件懒加载
组件懒加载参考:https://www.cnblogs.com/zhanyishu/p/6587571.html一、什么是懒加载懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。二、为什么需要懒加载在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加...原创 2019-04-20 19:29:33 · 115 阅读 · 0 评论 -
练习2-Webpack实操
1.安装nrm 安装npm 安装cnpmnpm i cn cnpm -g(i:install -g:global)2.安装webpack进入一个文件夹(最好用英语)安装全局 webpack webpack-clinpm i webpack -g安装当前 webpack webpack-clinpm i webpack --save-dev3.步骤步骤一...原创 2019-03-24 15:29:17 · 204 阅读 · 0 评论 -
vue项目创建+ECharts
5分钟上手写ECharts的第一个图表file:///C:/Users/Administrator/Desktop/incubator-echarts-2.2.7/doc/start.htmlecharts 模版和设置http://echarts.baidu.com/echarts2/doc/doc.html#Optionvue与Echarts完成–动态数据折线图https://blog...原创 2018-10-22 21:42:59 · 1210 阅读 · 0 评论 -
vue.js学习笔记
1.json this.$http.post('user/login',JSON.stringify({account:this.account,password:this.password.MD5(32)}) ).then(result => {若不加JSON.stringify,会变成http://…#xxx的形式,但如果要求json则出错。目前都常用axios,更为安全...原创 2018-10-16 11:40:07 · 110 阅读 · 0 评论 -
vue.js学习-day2
1.实现功能-video3原创 2018-10-12 16:39:47 · 137 阅读 · 0 评论 -
vue.js学习-day1
vue.js学习原创 2018-10-11 15:40:58 · 174 阅读 · 0 评论 -
React 还是 Vue: 你应该选择哪一个Web前端框架?
React 还是 Vue: 你应该选择哪一个Web前端框架?参考:https://www.cnblogs.com/Chen-XiaoJun/p/6246946.html本文作者也做了总结:如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue如果你喜欢简单和“能用就行”的东西,请使用Vue如果你的应用需要尽可能的小和快,请使用Vue如果你计划构建一个大型应用程序,请使用React如果...原创 2019-03-13 18:47:45 · 1112 阅读 · 0 评论 -
vue-1 目录 v-on v-for v-model等常见属性 事件修饰符
cli 目录原创 2019-03-23 01:20:52 · 250 阅读 · 0 评论 -
vue2-过滤器 指令 生命周期
过滤器全局过滤器:下面的例子,可以控制#app和#app2等调用格式:但只匹配第一个,还可以用正则 /单纯/g 就可以匹配全部的可传参:举例:时间 yyyy-mm-dd格式自定义私有过滤器,只想控制app2padStart 字符串的新方法:补充长度padStart(长度,用什么来填充)自定义指令调用方法:定义:生命周期...原创 2019-03-23 16:15:36 · 151 阅读 · 0 评论 -
vue3-HTTP请求
jsonp原理服务端:第15行,相当于在前端返回了js代码,调用show()第19行相当于 20-22行代码show被写死了,最好的方式,客户端把自己的函数名传过去!如下:传参方法:...原创 2019-03-23 16:36:05 · 6192 阅读 · 1 评论 -
vue4-过渡动画 组件
过渡的类名原创 2019-03-23 16:54:32 · 213 阅读 · 0 评论 -
vue5-watch computed
@keyup事件监听键盘watch监听data数据warning 监听对象要进行深度监听!!!有大写,要变成‘-’监听路由computed 计算data属性,返回值作为新的属性还可使用调用上面的代码相当于用@keyup的监听事件watch computed method的对比watch 对象,监听属性变化 路由变化,然后调用回调,是computed和meth...原创 2019-03-23 21:04:45 · 125 阅读 · 0 评论 -
vue6-webpack
nrm 提供镜像地址,并且容易让用户切换镜像地址npm 管理器使用:webpack定义Gulp 和 webpack 的区别Gulp:若大任务里面又有很多小任务,这样构建起来就会非常复杂,适合小的任务Webpack:基于宏观来考虑的,适合大任务两个的应用场景不一样。:webpack 处理的好处步骤1.创建目录2.把项目管理起来,要注意 如果是中文的目...原创 2019-03-23 22:43:52 · 224 阅读 · 0 评论 -
vue项目实战css笔记-yyy
1.<style scope>的使用:△不要轻易使用scoped 属性是一个布尔属性。如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。2.<style lang=“scss”>注意:尤其在多个组件里面修改某些样式,如el-button input[type=text]{}等,容易影响到其他组件并覆盖使用方式:...原创 2019-01-07 21:23:00 · 121 阅读 · 0 评论