![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
vue使用心得
道不同不相为谋而
这个作者很懒,什么都没留下…
展开
-
computed源码浅谈
1-什么时候初始化? function Vue(){ ... 其他处理 initState(this) ...解析模板,生成DOM 插入页面 } function initState(vm) { var opts = vm.$options; if (opts.computed) { initComputed(vm, opts.computed); } ..... } 你调用 Vue.原创 2021-03-23 10:11:24 · 120 阅读 · 0 评论 -
uni-app中引用vant的正确姿势,个人只用过H5
网上看了很多文章,有的把vant源码复制进去,但是还是不行,有的直接再hbuildx市场下载vant,也还是不行,个人目前只用这种方法成功过,因为uni-app写h5自适应,如果只是用 vue写移动端,可能需要调整自适应,所以用了uni-app 一、建立uni-app新项目 二、在终端打开项目目录 可以直接在HBuilderX中直接右击项目名称选择‘使用命令行窗口打开目录’,之后会提示插件【内置终端】未安装,选择确定来安装内置终端插件,之后便可以通过内置终端打开对应项目目录,当然也可以直接在w原创 2021-03-17 09:47:34 · 3912 阅读 · 2 评论 -
vue生命周期函数(不包括已废弃的三个)
vue生命周期函数(不包括已废弃的三个) 直接上图,这还看不懂,就打扰了, 下面是官方图,然后自己添加的注释,如有不对,请指出原创 2020-11-09 16:01:30 · 342 阅读 · 0 评论 -
vue项目中,vant框架的按需引入
vue项目中,vant框架的按需引入 1-创建项目,可以分为两种 1》命令行创建,vue create project 2》ui页面创建,vue ui 2-下载vant依赖, cnpm install vant --save 推荐大家以后下载依赖,都要把--save写全,有的插件/依赖,你不写全,等你上传git的时候,不会保存,导致别人拉你的代码时,如果你只是-s,会出现某某依赖没有,只能去pagejson里面自己去排查, 3-再下载一款 babel 插件,它会在编译过程中将..原创 2020-11-09 15:57:19 · 513 阅读 · 0 评论 -
控制微信公众号物理键返回url
总有一些奇葩的需求,在公众号中,如果你写的模块是一个公众号的子模块,那么当你在模块的第一级时,再点返回,应该是返回到公众号的主页,也就是模块区域,而不是返回你上一个地址,直接上代码 1-先监听到物理返回键, 在mounted钩子定义,再去destroyed重定向 mounted() { // 重定向移动端物理键 if (window.history && window.history.pushState) { history.pushState(null, nu原创 2021-06-05 10:24:08 · 440 阅读 · 0 评论 -
vue中设置页面切换时的过渡动画
<template> <div id="app"> <!-- 页面切换动画transitionName --> <transition :name="transitionName"> <!-- 缓存数据 <router-view> --> <keep-alive> <router-view v-if="$route.meta.keepAlive">&l.原创 2020-08-28 15:43:02 · 2508 阅读 · 0 评论 -
package.json里插件的^跟~的区别
指定版本号 (1)普通版本号: 表示安装此版本,比如"classnames": "2.2.5",表示安装2.2.5的版本 (2)表示安装大版本的最小最新子版本: ~版本,比如 "babel-plugin-import": "~1.1.0", 表示安装1.1.x的最新版本(不低于1.1.0),但是不安装1.2.x,也就是说安装时不改变大 版本号和次要版本号 (3)表示安装大版本的最高中版本: ^版本,比如 "antd": "^3.1.4",,表示安装3.1.4及 以上的版本,但是不安装4.0.0,也就是说..原创 2020-08-28 15:19:02 · 451 阅读 · 0 评论 -
vue中对方法加不加括号的区别与影响
html <div id="example-2"> <button @click="test">测试</button> </div> js new Vue({ el: '#example-2', data(){ return { } }, methods: { test(id){ console.log(id); } } }) 不添加括号 <button @click=“tes原创 2020-08-28 15:17:11 · 2434 阅读 · 0 评论