![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 53
王源偷我华子抽
胜洪宇的小迷弟
展开
-
vue蘑菇街购物网站
项目采用spa模式,总共有4个大的页面组件,首页,目录,购物车,个人中心,通过vue-router跳转底部导航条组件tabbartabbar中的路由跳转顶部导航条navbar网络请求把每个页面需要的请求都封装在一个单独的文件当中将请求来得数据分好组存储起来轮播图组件推荐RecommendView这里只有固定的链接本周流行Feat...原创 2022-01-13 13:53:56 · 578 阅读 · 0 评论 -
tabbar
目录main.js中的代码APP.vue中的代码小组件中的代码router文件下index中的代码每一个小tabbarItem组件中的代码MainTabbar合集组件中的代码main.js中的代码import Vue from 'vue'import App from './App'import router from './router'Vue.config.productionTip = falsenew Vue({ el: '#app',...原创 2022-01-10 16:03:07 · 241 阅读 · 0 评论 -
vue中应该注意到的细节
目录v-onv-on阻止事件冒泡监听键盘事件v-oncev-if v-else v-showv-ifv-elsev-forv-for遍历数组v-for遍历对象splice()点击切换颜色v-modelv-model结合radio使用v-model结合checkbox单选框input中的值绑定v-model修饰符组件注册组件的基本步骤注册组件的语法糖模板分离写法父子组件通信子传...原创 2022-01-09 22:21:50 · 1681 阅读 · 0 评论 -
backtop回到顶部按钮
搞一个样式在templete中监听一下一个方法,让betterscroll实现回到顶部这个时候因为两个组件不是父子组件,监听很麻烦,这个时候可以直接让home组件监听backtop组件监听组件点击要用native也可以传入时间...原创 2021-12-11 23:47:32 · 253 阅读 · 0 评论 -
Better-scroll的具体使用过程
配合项目使用better-scrollbetter-scroll可以让移动端的滚动更好,vue中原生的滚动在移动端会非常的不方便安装npm install better-scroll --save这里有错误,new bscroll应该放在mounted生命周期函数下,create下不行,拿不到的contentbetter-scroll需要有个wapper把你的内容给抱起来,wapper必须有固定的高度,并且里面的内容只能有一个标签(可以标签里面有多个标签,但是最外层的标签只..原创 2021-12-10 23:30:41 · 283 阅读 · 0 评论 -
vue cli2 3创建项目中的一些区别和其中的一些配置信息
这两个文件夹都是关于webpack的配置原创 2021-11-21 14:34:55 · 4323 阅读 · 0 评论 -
前端路由vue-router
前端渲染前后端分离阶段,通过ajax从后端渲染变成了前端渲染router-link是跳转到哪个组件,router-view是跳转后的组件在这里显示出来改成history属性点击之后就有了active属性如果多个view link需要改active属性,就到router文件夹index文件下修改通过这种方法修改页面可以通过$router来跳转动态...原创 2021-11-21 23:59:41 · 3538 阅读 · 0 评论 -
vue组件间的依赖关系
main文件APP.vueindex.js原创 2021-11-22 17:25:04 · 530 阅读 · 0 评论 -
vue-router传参params 和query
用router-link的时候要有拼接可以通过该方式拿到参数query传递原创 2021-11-25 11:25:30 · 4027 阅读 · 0 评论 -
vue-router中的嵌套路由和路由懒加载
路由懒加载本来router文件夹下的index文件把所有要用的组件代码都一次性全部请求过来了,现在用了懒加载只有通过路由访问到组件的时候,才会去加载相应的组件 最好把懒加载也写在一起,到时候方便管理嵌套路由现在创建两个组件这里记得还要配置一下路由的懒加载之前的router-view是用于展示之前跳转的组件的东西,他们和现在的homenews和homemessage不属于同一个级别,这次的router-view放在home.vue当中...原创 2021-12-06 21:22:02 · 476 阅读 · 0 评论 -
vuex原理与实例运用
mvvm响应式原理vuex是用来管理组件的共同需要用的数据,vuex中管理的状态都是响应式的这种方法也可以多个组件用同一个对象,但是这种方法不是响应式的,所以就有了vuex什么时候后需要用到状态管理那?先来看一下单页面状态管理现在,我们再创建一个hellovuex.vue,(他为app.vue的子组件),如果这个时候,hellovuex.vue想用app.vue中的counter数据,可以通过props传递这是以前的思路,现在我们用上vuex...原创 2021-12-07 20:06:20 · 375 阅读 · 0 评论 -
vue使用
注册组件注册组件的语法糖templete抽离commonjses模块化原创 2021-11-20 19:50:52 · 695 阅读 · 0 评论 -
lwcmall vue项目记录
准备工作需要环境:Node环境,安装webpack创建一个vue项目vue create LwcMall运行项目"scripts": { "serve": "vue-cli-service serve", //运行项目 "build": "vue-cli-service build", "lint": "vue-cli-service lint" },划分目录结构assets创建css和img文件夹src文件夹下创建views,view下放主.原创 2021-11-20 18:23:27 · 347 阅读 · 0 评论