
Vue项目
AsaZyf
这个作者很懒,什么都没留下…
展开
-
Vue单文件组件和路由
单文件组件路由配置路由出口【显示】原创 2018-11-21 16:28:19 · 412 阅读 · 0 评论 -
Vue解决拖动影响
情况:在首页拖动页面,然后点击商品页面进入,会出现显示的是商品详情的下面,例如:这是页面当你拖到中间时才点击进入这时页面会跳到详情页的下面(下面还没有写代码所以没东西)解决方法:在index.js写下这段代码scrollBehavior(to,from,savedPosition){ return{x:0,y:0}}配好后,点击页面就会正常显示了...原创 2018-12-11 19:44:46 · 605 阅读 · 0 评论 -
局域网访问Vue项目
一、获取本机IP地址:二、在vue项目文件夹下的package.json配置以下代码,配置完成记得重启项目三、直接输入IP地址+端口号 即可访问,若是手机要访问,需要和电脑连接的网络是同一个...原创 2018-12-16 17:19:02 · 913 阅读 · 0 评论 -
Vuex代码优化--数据表现
一、state优化前:优化后:... 表示展开运算符,mapState表示把Vuex里面的数据映射到computed,把city公用数据映射到city的计算属性之中也可以另起名字:二、mutations...原创 2018-12-10 15:33:26 · 382 阅读 · 0 评论 -
Vuex高级使用--数据分类存储
将store文件夹下的index.is代码分类到对应文件中去,如:将state中的代码写到一个js文件中保存1.新建state.js2.将index里state的内容剪贴到state.js中,并导出语句【export default】3.index.js配置state.js,由于键值同名,写一个就行...原创 2018-12-10 15:21:23 · 1014 阅读 · 1 评论 -
码云--管理项目代码
码云地址:https://gitee.com/1.新建2.命名3.检查是否安装git4.本地和线上关联① 在码云设置中配置SSH公钥https://gitee.com/help/articles/4181#article-header0② 添加5.下载到本地git clone git@gitee.com:xxx在git运行6.本地提交到线上...原创 2018-12-05 16:32:05 · 314 阅读 · 0 评论 -
CSS文字隐藏
超出部分省略号显示code:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><style type="text/css"&原创 2018-11-27 16:14:32 · 1799 阅读 · 0 评论 -
Vue使用插件--轮播图
插件>>地址1.找到第一个点进去2.安装3.引入4.使用5.页面使用 ①新建swiper.vue②找到SPA复制template代码③绑定了变量得定义,删除不需要的代码④注意点,它的高度会相对于宽度撑开31.25%,实现宽高比平衡【图片】PS:不能写在height是因为height是相对于父级元素的...原创 2018-11-27 09:56:37 · 817 阅读 · 0 评论 -
Vue--自定义文件名缩写
找到build文件夹下的webpack.base.conf.js,在resolve里面定义文件名和文件位置原创 2018-11-21 21:54:41 · 567 阅读 · 0 评论 -
vue中使用stylus
1.在vue项目中用cmd敲下面这段代码npm install stylus-loader css-loader style-loader stylus --save2.下载成功后要查看Vue里面是否配置了3.使用stylus4.定义变量并调用文件后缀为styl,储存变量对应的样式引入自定义的文件【注意用的是@import】和使用...原创 2018-11-21 21:51:13 · 282 阅读 · 0 评论 -
ES6箭头函数--不能在computed用
箭头函数里面的this是根据上下文的,在computed里用箭头函数,由于找不到对应的内容,this会指向window,数据无法出现<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=de原创 2018-12-25 11:41:31 · 850 阅读 · 0 评论