随笔分类 - Vue
摘要：webpack.conf.js 中 resolve.alias 配置 配置了resolve.alias 后，在js中我们可以这样用 在scss中需要这样写，注意是~@ 问题与背景 在 *.vue 中的 style 标签中，我使用 @import 引入 icon.scss 样式。由于icon需要依赖一
阅读全文
摘要：一、安装babel相关 1，安装依赖 2，新建.babelrc 3，相关webpack.conf.js 片段 二、安装静态资源全家桶（img/svg、字体图标、css/scss/style/postcss/autoprefixer） 1，安装依赖 2，相关webpack.conf.js 片段
阅读全文
摘要：npm rebuild node-sass
阅读全文
摘要：路径在/config/index.js 中，找到dev.proxyTable。如下配置示例： 那么当我们请求 http://localhost:8888/api/ 的时候,就等于请求了 http://oatest.bujidele.com:8010/apitest/api/tydproject/do
阅读全文
摘要：答案就是使用ref即可。
阅读全文
摘要：vue.extend 局部注册 的应用2 请注意，extend创建的是一个组件构造器，而不是一个具体的组件实例。所以他不能直接在new Vue中这样使用： new Vue({components: fuck}) 最终还是要通过Vue.components注册才可以使用的。 54、vue.extend
阅读全文
摘要：手动挂载$mount() 如果没有挂载的话，没有关联的 DOM 元素。是获取不到$el的。 https://vuejs.org/v2/api/#vm-mount
阅读全文
摘要：Error: [vuex] vuex requires a Promise polyfill in this browser. 与 babel-polyfill 的问题 采用最笨重的解决方案就是npm install babel-polyfill 然后在webpack中如此设置： 但在开发环境下，我
阅读全文
摘要：1、在vertical的场景模式下，默认的高度很奇怪，非常非常的大。完全没有规律。后来使用autoHeight好了一点。但依然有问题，问题在于它会根据swiper-slide内元素的高度自动变化叠加。依然会非常非常大。最后才知道。手动设置height即可解决。由于我的场景是fullpage页面，所以
阅读全文
摘要：记一起和前端没什么卵关系的后端405问题 问题的关键点在于本来是POST请求，会变成OPTION请求，并且提示405报错，会类似跨域。并且只有某些手机机型才会（如Oppo系列）。 其实跨域的问题，如果在PHP只需要在头设置允许跨域即可。其他语言也类似。 但.net据说也设置大致如上设置了，却不能轻易
阅读全文
摘要：尽管加入了babel-polyfill ，依然出现 【ReferenceError: Promise is not define】的问题。目前只在三星、金立手机出现这种问题。没办法，只能强行修复了。 记得清除一下手机的缓存。
阅读全文
摘要：axios 加入header之后，请求出现 Failed to load http://localhost:8080/team.php: Request header field x-jwt-header is not allowed by Access-Control-Allow-Headers
阅读全文
摘要：webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token punc ((); 或者 Unexpected token: operator (>) 解决方案就是将babel配置转义到 .babelrc 文件中。具体做法是在根目录新建 .babel，输入 在webp
阅读全文
摘要：结合localStorage 来双向绑定数据（超级神奇） localStorage.js： App.vue 打开Chrome浏览器控制台找到"Application - Storage - Local Storage",观察变化
阅读全文
摘要：父子组件属性传递 注意：0、谁被引用，谁就算子组件 1、属性命名最好完全小写，否则需要如下格式转换：myAttr == my-attr 2、引入的vue组件后必须通过 components 注册才能使用 3、属性的传递必须子组件 props 注册才能使用 4、prop默认是单向绑定：当父组件的属性变
阅读全文
摘要：vuex的基本学习 http://vuex.vuejs.org/en/ https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart store.js: actions.js getter.js mutations.js mutation
阅读全文
摘要：路由 https://router.vuejs.org/zh-cn/advanced/navigation-guards.html router.js main.js 根目录index.html，添加一个div#app 标签。 index.vue 演示子路由 扩展：演示懒加载路由 http://ro
阅读全文
摘要："vue-loader": "^12.1.0", "vue-loader": "^12.1.0", "vue-loader": "^12.1.0", 结局：vue-loader@13.X 降级到 vue-loader@12.X 即可解决 先来说一下export default 与 require 和
阅读全文
