vue
菜鸟上道 请多指教
这个作者很懒,什么都没留下…
展开
-
Vue生命周期
两者相同点:都能拿到实例对象的属性和方法讨论这个问题本质就是触发的时机,放在mounted请求有可能导致页面闪动(页面dom结构已经生成),但如果在页面加载前完成则不会出现此情况建议:放在create生命周期当中。created是在组件实例一旦创建完成的时候立刻调用,这时候页面dom节点并未生成mounted是在页面dom节点渲染完毕之后就立刻执行的触发时机上created是比mounted要更早的。从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。原创 2023-11-30 16:31:40 · 68 阅读 · 0 评论 -
多个页面白屏优化以及图片缓存优化
1.多个页面白屏优化首先,在public公共文件下index.html中编写需要加载的图片;先样式给display:none;需要判断是在哪个页面展示出来,用正则判断或者window.location.pathname打印出在哪个页面;然后,使用window.location.pathname.indexOf("/residenceApplication")判断这个字段是否存在判断写好之后,需要在该优化数据加载完毕之后,把它隐藏掉;因为这里是vue3页面,直接写的..原创 2021-06-22 22:21:25 · 193 阅读 · 0 评论 -
vue 逻辑js代码是白色?
1.首先不要慌2.点击右下角Vue-html3.选中html ( 也可以手动输入html)4.就会变成彩色的啦over,over.......原创 2021-06-06 21:31:12 · 872 阅读 · 0 评论 -
前端存储数据
前端常用的存储数据的方式有2种:本地存储 Vuex容器一、本地存储:原创 2021-06-14 19:49:49 · 2371 阅读 · 0 评论 -
vue路由出口 二次进入页面组件 不执行created和mounted生命周期钩子
页面调用一次接口,第二次缓存之前的数据,没有渲染页面;不会销毁再创建组件而是会复用组件,页面不会刷新。解决:方法一:实践成功官方推荐的使用watch监听路由变化,组件中监听注意:watch监听路由变化,我们的路由一定要有子路由,监听变化也紧局限在父子路由中,也就是我们这个路由一定要有子路由,在子路由跳转过程中会调用watch,能成功监听watch: { $route(to) { if (to.path=='') { ... }翻译 2021-07-27 12:23:34 · 2963 阅读 · 0 评论 -
form表单验证影响 使用v-show还是v-if?
form表单验证原创 2022-10-19 18:29:37 · 332 阅读 · 0 评论 -
导航路由守卫
基础写法//全局路由守卫router.beforeEach((to,from,next)=>{if(to.path=='/login'||to.path=='/moban'){next();}else{alert('您还没有登录,请先登录');next('/login');}})路由概念 : 当URL地址发生变化时候 浏览器地址相应的发生改变...原创 2023-11-24 10:05:58 · 64 阅读 · 0 评论 -
Vue 渲染流程
Vue 渲染流程原创 2022-09-20 11:23:02 · 175 阅读 · 0 评论 -
new Vue() 发生了什么
new Vue() 发生了什么原创 2022-09-20 11:08:05 · 548 阅读 · 0 评论 -
vue项目多套主题换肤
优点:简单快速,只需要修改变量,无需单个配置,给用户带来更好的视觉体验;原创 2022-08-09 10:30:52 · 629 阅读 · 0 评论 -
vue单向数据绑定和双向数据绑定
一、总结vue中有2种数据绑定的方式:单向数据绑定(v-bind):数据只能从data流向页面; 双向数据绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data;备注:双向数据绑定一般都应用在表单类(输入类)元素上(如:input、select等); v-model:value可以简写为v-model,因为v-model默认收集的就是value的值;二、分析单向数据绑定:就是把Model绑定到View,当我们用JavaScript代码更新Model时,Vie.原创 2022-04-06 22:48:21 · 9038 阅读 · 2 评论 -
vue父子组件之间传值
父组件向子组件传递数据 (使用props向子组件传递数据)父组件<!-- 父组件 --><template> <div class="test"> <pageNo :logo="logoMsg"></pageNo> </div></template><script>import pageNo from '../components/pageNo'expo..原创 2021-08-04 09:40:08 · 69 阅读 · 0 评论 -
Vue项目搭建
1.使用Vue CLi 创建项目npm install --global @vue/cli原创 2021-06-06 20:59:35 · 240 阅读 · 4 评论