随笔分类 - Vue进阶之路
1
vue常用的知识总结，实际项目开发中遇到的问题总结
摘要：我们知道，父组件不能修改子组件的数据【这种说法是不严谨的】，严谨的说法是：子组件内部不能修改从父组件传递过来的值。原因是vue遵循的是数据单向流原则，父组件传递数据给子组件只能单向绑定，通过Props，子组件通过$emit发射自定义事件传参到父组件，而数据的改变是只能父组件改变父组件的，子组件改变子
阅读全文
摘要：该项目是以前的老项目进行定制化开发，首先url上面进行改造，以前的路由是index.html#/docDetail/fileToken,现在在fileToken后面拼接了好多参数，路由匹配时候需要过滤掉/，防止路由匹配不上，所以先进行了base64转义，还有urlEncode，urlDecode，然
阅读全文
摘要：项目上线两三天，有保障说安卓下面页面打不开，所以查了下具体原因，系统版本过低，安卓4.4.2,然后发现本地没有babel-polyfill的包，具体解决方案如下： 1，npm 安装 package.json中会出现： 2，main.js引入 3，webpack.base.conf.js 这里说下de
阅读全文
摘要：在用vue的模板{{}}进行渲染文本时候，字符串换行不起作用，后使用ES6的模板字符串进行换行仍然不起作用，解决方法： <div>{{str}}</div> 可换为用v-html进行数据的渲染 <div v-html="str"></div> 从而换行轻易实现
阅读全文
摘要：这里说下，webpack打包里面涉及到的东西，不止webpack，还有node的知识， node的全局变量process，process.env用于返回用户环境信息对象，因为是node的全局变量，所以无需使用reqiure进行引入。 网上很多人说：npm_lifecycle_event变量是返回当前
阅读全文
摘要：在用vue cli进行项目npm run dev 时候，页面Cannot GET/ 主要是把config/index.js里面的dev:{assetsPublicPath:'/'}改成了跟build里面一样的'./',改回‘/’，然后再重新npm run dev就可以本地正常访问了呢！
阅读全文
摘要：在开发采筑平台SRM的移动项目中：一个页面，感觉没啥错误，但是页面报错如下： 页面中的data或者mothods都没有任何问题，但是这个报错很是让人纠结，后来发现，在使用子组件时候： 此tabShow在父组件中进行了定义，但是子组件中data里面没有任何的定义。所以就会报错。所以必须在子组件中进行定
阅读全文
摘要：今天在本地开发时候碰到了跨域的问题，突然觉着跨域问题在所难免啊，之前没有没有碰到总觉着解决跨域很高大上的样纸，其实就是受限于网络的同源策略，跨域前后端都可以进行处理。 1，后端更改header 2，使用jsonp进行跨域 3，使用webpack反向代理（项目中使用vue-cli脚手架搭建） 1，在c
阅读全文
摘要：插件通常是为Vue添加全局功能，vue的官网介绍了5中添加插件的方法。 vue的插件有个公开方法install。第一个参数是Vue构造器，第二个参数是一个可选的选项对象。 在plugin.js中可以这样： 在入口文件main.js中引入：
阅读全文
摘要：在用vue开发过程中，偶然一次使用在子组件中进行router的切换，发现不起作用，后来才反应过来，子组件只是一个组件，vue的路由的切换只能是在父组件（也就是真正的页面）里面进行跳转！
阅读全文
摘要：vuex是状态管理，是为了解决跨组件之间数据共享问题的，一个组件的数据变化会映射到使用这个数据的其他组件当中。如果刷新页面，之前存储的vuex数据全部都会被初始化掉。 localStorage是H5提供的一个更简单的数据存储方式，之前是用cookie存放数据，但是cookie的数据量太小，所以就用l
阅读全文
摘要：在用vue做项目过程中，需要用到vue.js devtools，在从github上面clone下来代码，然后再npm install ,过程报错，然后更新npm包也是会有问题，以下是install的问题，npm cache clean --force 也是没用的，好在最后问同事，windows版本蓝
阅读全文
摘要：理解：vue中的“单向数据流”，这里借用官网的图示： Vue是单向数据流，v-model只是语法糖而已。单向数据流就是：数据总是【向下传递】从父级组件传递给子组件，只能单向绑定。子组件内部不能直接修改从父级传递过来的数据，当尝试在子组件内部修改父组件的数据，vue将报错。主要是为了组件解耦。（假如子
阅读全文
摘要：1，Newline required at end of file but not found. (eol-last) //文末需要一行 这个是报错： 这个是不报错的： 只需要在最后一行加上一空行即可。
阅读全文
摘要：今天的工作内容 vuex的使用心得： 都知道，对于小型的项目来说不必使用vuex，但是对于需要把共享的变量全部存储在一个对象里面，然后把这个对象放在顶层组件中以供其他组件使用。其实vuex就是类似整个vue项目的全局变量。 这个是最基本完整的vuex代码，包含五个基本对象： state：存储状态，也
阅读全文
摘要：使用Vue-cli脚手架（属于vue全家桶）快速构建一个项目： 【1】首先需要安装好node.js; 【2】安装webpack，指令$npm install -g webpack; //如果之前有安装可以用$webpack -v查看当前webpack版本； 【3】安装Vue-cli，指令$npm i
阅读全文
摘要：今天在用git bash进行全局安装vue-cli的时候，报错： 必须以管理员权限进行安装才行。所以用cmd命令工具，点击右键命令提示符cmd 以管理员身份运行 cd进入到项目 执行npm install即可。
阅读全文
摘要：我们知道，在vue中父子组件的通讯是通过props和自定义事件搞定的，简单那的非父子组件通讯用bus（一个空的Vue实例），针对中大型的项目会选择vuex，然而小项目的话，便捷的解决方案就是eventBus。 官网相关描述在：$dispatch和$broadcast替换 一节中。提到： $dispa
阅读全文
摘要：1，在搭建了一个vue的脚手架之后，写了第一个组件，路由也已经配置完毕，且页面的路由显示是：http://localhost:8080/#/userLogin，userLogin里面有内容，但是页面显示空白，DOM元素没有加载进来userLogin，原因在于，路由的配置文件里面； 路由的配置，默认路
阅读全文
摘要：1，在配置package.json下载node依赖包时，执行$cnpm install过程中，这个过程是比较漫长的，尤其的这种core i5配置的电脑，简直有点卡的人怀疑人生，后来动了下有消息输出，我以为下载安装完毕了呢，然实际并木有，真正的安装结束是会有下一行的路径出现时，才算真正的安装结束，如果
阅读全文
1
浙公网安备 33010602011771号