随笔分类 -  vue自总

摘要:离开 没有命名的情况下,是v,命名的情况下是name的名称 自己想定义什么名称,定义什么名称。可用下面这个 用animation.css库 引入css文件 刷新页面,增加初始页面动画效果 既有animation动画也有transition动画 动画时长,按照谁的为准,如下按照transition的为 阅读全文
posted @ 2022-01-14 14:55 前端王者(法师) 阅读(171) 评论(0) 推荐(0) 编辑
摘要:代码提示工具 Vetur 1.配置链接别名 填加两个别名 阅读全文
posted @ 2020-11-11 09:55 前端王者(法师) 阅读(135) 评论(0) 推荐(0) 编辑
摘要:1.ul li被a替代 用tag加入li 阅读全文
posted @ 2020-11-05 18:09 前端王者(法师) 阅读(16) 评论(0) 推荐(0) 编辑
摘要:一。去掉fastClick 300ms延迟的问题 当加入fastClick后会报原生的错误,解决方法:在css中加入 二。解决betterScroll后不能点击的问题 阅读全文
posted @ 2020-11-05 17:18 前端王者(法师) 阅读(59) 评论(0) 推荐(0) 编辑
摘要:2. 在单文件组件中引入.css文件,需要用@import,不能直接用import 在代码中@代表路径的src,但是如果在style中引入css文件,则需要在@前加入~ 代表src 设置路径别名 3.轮播图 gitHub上搜索vue-awesome-swiper然后按照引用方式引用 为了不让页面有抖 阅读全文
posted @ 2020-10-28 20:10 前端王者(法师) 阅读(83) 评论(0) 推荐(0) 编辑
摘要:2-2.编写hello world 首先创建vue实例,然后实例接收一些配置项,el表示实例负责管理的区域,data表示区域内的数据 两秒后内容变为bye world 其中app表示实例对象,$data表示实例对象所管辖的区域的数据。 2-3 TodoList v-for循环指令,可以帮助我们循环数 阅读全文
posted @ 2020-01-30 11:55 前端王者(法师) 阅读(136) 评论(0) 推荐(0) 编辑
摘要:主要缓存的是ajax中的json 我的路由中的内容被加载过一次,我就把路由中的内容放到内存中,下次再进入这个路由的时候,不需要重新加载页面,直接从内存中获取数据。 切换不同城市,调用不同城市数据 但是首页是通过不同城市来显示不同的数据,所以切换不同城市keep-alive不重新渲染数据。用了keep 阅读全文
posted @ 2019-11-17 23:36 前端王者(法师) 阅读(188) 评论(0) 推荐(0) 编辑
摘要:抓包 Fiddler,charles抓包代理工具 一、解决跨域 proxyTable(查看博客总结) 二、解决用本机ip地址不能访问 在dev中加上 --host 0.0.0.0就可以用本机ip访问,这样的话可以用手机在内网(局域网)里通过这个ip地址访问测试我们的网页 三、解决A/B/C拖动整个页 阅读全文
posted @ 2019-11-17 10:39 前端王者(法师) 阅读(324) 评论(0) 推荐(0) 编辑
摘要:1.1课程简介 阅读全文
posted @ 2019-10-27 22:45 前端王者(法师) 阅读(113) 评论(0) 推荐(0) 编辑
摘要:3.1VUE实例 组件:全局组件,局部组件,vue的每个组件也是一个实例,有自己的实例属性和实例方法。 在console中调试vue,vm为vue的实例,凡是以$开头的都是vue的实例属性或者vue的实例方法。销毁实例,用vm.$destory() 3-2.vue实例生命周期 beforeMount 阅读全文
posted @ 2019-08-29 12:56 前端王者(法师) 阅读(315) 评论(0) 推荐(0) 编辑
摘要:6-2.项目的整体架构 src >整个项目的源代码 main.js-->整个项目的入口文件 app.vue-->项目的最原始的根组件 定义了一个vue的根实例,挂载到一个id等于app一个元素上,打开整个项目下的html文件,这里有一个div它的id等于app,所以main.js上的挂载点就是指in 阅读全文
posted @ 2019-08-21 23:11 前端王者(法师) 阅读(228) 评论(0) 推荐(0) 编辑
摘要:4-1.使用组件的细节 a.使用is解决html出现bug 如下 table下面应该为tr,所以页面渲染的时候没有找到tr是有问题的,所以是有小bug,所以table中必须是tr b.改上面bug,table中必须是tr,这是h5的编码规范。加上is后的意思tr是row的意思,符合h5的代码规范。所 阅读全文
posted @ 2019-08-18 17:03 前端王者(法师) 阅读(194) 评论(0) 推荐(0) 编辑
摘要:a.用vuex首先先安装vuex npm install vuex --save b.在src目录下创建store文件夹,在store中创建index.js存放各个状态 c.在一个模块化的打包系统中,您必须显式地通过 Vue.use() 来安装 Vuex,也就是vue中是用Vue.use来使用插件 阅读全文
posted @ 2019-06-11 19:53 前端王者(法师) 阅读(148) 评论(0) 推荐(0) 编辑