![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue项目
AsaZyf
这个作者很懒,什么都没留下…
展开
-
Vue单文件组件和路由
单文件组件 路由配置 路由出口【显示】原创 2018-11-21 16:28:19 · 371 阅读 · 0 评论 -
Vue解决拖动影响
情况:在首页拖动页面,然后点击商品页面进入,会出现显示的是商品详情的下面,例如: 这是页面 当你拖到中间时才点击进入 这时页面会跳到详情页的下面(下面还没有写代码所以没东西) 解决方法: 在index.js写下这段代码 scrollBehavior(to,from,savedPosition){ return{x:0,y:0} } 配好后,点击页面就会正常显示了...原创 2018-12-11 19:44:46 · 549 阅读 · 0 评论 -
局域网访问Vue项目
一、获取本机IP地址: 二、在vue项目文件夹下的package.json配置以下代码,配置完成记得重启项目 三、直接输入IP地址+端口号 即可访问,若是手机要访问,需要和电脑连接的网络是同一个 ...原创 2018-12-16 17:19:02 · 831 阅读 · 0 评论 -
Vuex代码优化--数据表现
一、state 优化前: 优化后: ... 表示展开运算符,mapState表示把Vuex里面的数据映射到computed,把city公用数据映射到city的计算属性之中 也可以另起名字: 二、mutations ...原创 2018-12-10 15:33:26 · 346 阅读 · 0 评论 -
Vuex高级使用--数据分类存储
将store文件夹下的index.is代码分类到对应文件中去,如:将state中的代码写到一个js文件中保存 1.新建state.js 2.将index里state的内容剪贴到state.js中,并导出语句【export default】 3.index.js配置state.js,由于键值同名,写一个就行 ...原创 2018-12-10 15:21:23 · 973 阅读 · 1 评论 -
码云--管理项目代码
码云地址:https://gitee.com/ 1.新建 2.命名 3.检查是否安装git 4.本地和线上关联 ① 在码云设置中配置SSH公钥https://gitee.com/help/articles/4181#article-header0 ② 添加 5.下载到本地 git clone git@gitee.com:xxx在git运行 6.本地提交到线上 ...原创 2018-12-05 16:32:05 · 260 阅读 · 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 · 1767 阅读 · 0 评论 -
Vue使用插件--轮播图
插件>>地址 1.找到第一个点进去 2.安装 3.引入 4.使用 5.页面使用 ①新建swiper.vue ②找到SPA复制template代码 ③绑定了变量得定义,删除不需要的代码 ④注意点,它的高度会相对于宽度撑开31.25%,实现宽高比平衡【图片】 PS:不能写在height是因为height是相对于父级元素的 ...原创 2018-11-27 09:56:37 · 775 阅读 · 0 评论 -
Vue--自定义文件名缩写
找到build文件夹下的webpack.base.conf.js,在resolve里面定义文件名和文件位置原创 2018-11-21 21:54:41 · 511 阅读 · 0 评论 -
vue中使用stylus
1.在vue项目中用cmd敲下面这段代码 npm install stylus-loader css-loader style-loader stylus --save 2.下载成功后要查看Vue里面是否配置了 3.使用stylus 4.定义变量并调用 文件后缀为styl,储存变量对应的样式 引入自定义的文件【注意用的是@import】和使用 ...原创 2018-11-21 21:51:13 · 249 阅读 · 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 · 816 阅读 · 0 评论