vue
「已注销」
享受与成长
展开
-
Vue3.2 setup语法糖学习与理解
起初 Vue3.0 版本暴露变量必须 return 出来,template中才能使用。 现在在 vue3.2 版本只需在script标签中添加setup,组件只需引入不用注册,属性和方法也不用返回,也不用写setup函数,也不用写export default ,甚至是自定义指令也可以在我们的template中自动获得。 先来一个小案例尝尝鲜,对比之前的写法少些繁琐的代码,代码看起来更简洁。 组件自动注册 在 script setup 中,引入的组件可以直接使用,无需再通过 components 进..原创 2022-03-10 11:37:26 · 2276 阅读 · 1 评论 -
vue 文章点赞和差评的代码实现
纯前端实现文章点赞与差评(支持与不支持)。 需求:状态1:用户没有操作过,即既没点赞和差评;状态二:用户点赞过;状态三:用户差评过。点赞或差评过后无法取消,可切换。如下图: dom结构: <!-- 顶 --> <view class="flex-1 flex ai-center jc-center animate__animated animate__fast" hover-class="animate__jello text-main"原创 2021-03-08 15:50:11 · 785 阅读 · 2 评论 -
VueX初体验:分页存储
需求是这样的:当我在当前页【第三页】点击跳转文章详情后返回还是【第三页】,如果是tab切换跳转到其他页面返回则是从【第一页】开始 当然如果用sessionStorage或localStorage也可以实现,但是还要考虑到浏览器的刷新按钮,个人觉得vueX会是一个不错的选择。 因此,第一步就是看官网文档:https://vuex.vuejs.org/zh/guide/,然后安装vuex,在根目录下store下新建index.js,按文档new store并export,同时,要注意在main.j.原创 2021-01-27 16:07:06 · 551 阅读 · 0 评论 -
vue 动态的导航
我们要实现一个导航,可以根据后台传过来的数据进行改变的一个导航. 比如后台传一个导航数据时显示: 传二个导航数据时显示: 传三个导航数据时显示: 传四个导航数据时显示: 传五个导航数据时显示: 传六个导航数据时显示: 传七个导航数据时显示: 传8个导航数据时显示: 首先第一步是要解决这个正方形的问题,链接放上:https://mp.csdn.net...原创 2019-01-21 15:48:34 · 1521 阅读 · 0 评论