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