![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 51
皓月TT当空
踩过的坑要铭记!
展开
-
vue爬坑——入门坑
vue爬坑——入门坑问题1:父子页面路由模块之间的调用(非数据交互)解1:首先要了解路由的层级,其中index.html为顶级路由,App.vue为二级路由。其次需要知道路由的重定向redirect。最后需要注意的是父子路由需要调用时,父路由必须要有<router-view></router-view>问题2:数据请求时跨域解决 用Vue-cli创建的项目,开发地址是localhost:3010,原创 2017-11-28 12:37:46 · 718 阅读 · 0 评论 -
vue爬坑——vee-validate的使用
vue爬坑——vee-validate的使用1、npm安装vee-validatenpm install vee-validate --save安装时要注意安装的版本,不同的版本使用的方式不一样,这里我安装的是”^2.0.0-rc.26”。 具体版本的使用见官网:vee-validate官网2、main.js里引用vee-validate插件import Vue from 'vue'import原创 2017-12-13 16:44:53 · 11784 阅读 · 0 评论 -
vue 执行顺序图
vue 执行顺序图转载 2018-08-15 11:05:12 · 11551 阅读 · 2 评论 -
Vue动画笔记
1、动画的标签其中name为动画的名称,可用css定义动画效果如:.fade-enter, .fade-leave-to{ opacity: 0;}.fade-enter-active,.fade-leave-active{ transition:opacity 3s }其中tye特性有两种值animation和transition,当同时使用animation和transition两种...原创 2018-11-06 11:41:20 · 169 阅读 · 0 评论 -
vue项目搭建笔记
1、环境安装windows环境:node(插件安装)+git(代码提交)+码云(线上代码管理)等等2、vue创建单页面项目基于Vue cli搭建的vue项目(新版Vue Cli3)npm install -g @vue/cli//创建一个项目vue create myPorject//可以用图形化界面创建和管理项目vue ui//vue插件安装vue add安装和调用vue...原创 2018-11-08 09:39:38 · 583 阅读 · 0 评论 -
vue项目细节优化笔记
1、vue-awesome-swiper轮播图片在3G网络加载时,下面内容出现页面抖动解决办法:外层div添加class为wrapper.wrapper{ width: 100%; height: 0; overflow: hidden; padding-bottom: 32.5%;//其中32.5%为图片的宽高比}//或者方案2(部分浏览器不兼容)....原创 2018-11-13 18:03:16 · 284 阅读 · 0 评论 -
vuex的使用笔记
1、安装//安装vuexnpm install vuex --save在src目录下创建store文件夹,并创建index.js数据仓库index.jsimport Vue form 'vue'import Vuex form 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { cit...原创 2018-11-12 20:02:10 · 152 阅读 · 0 评论 -
vue项目联调上线笔记
1、部分浏览器不支持promise而导致页面白屏解决①安装babel-polyfillnpm install --save-dev babel-polyfill②引用babel-polyfill//main.js中import 'babel-polyfill'2、打包上线到后端服务器目录并非服务器更目录的办法解决需要在config文件中找到build: { assets...原创 2018-11-14 17:36:57 · 297 阅读 · 0 评论