摘要: Vue生命期钩子 vue 的8个生命周期钩子函数 钩子函数 描述 beforeCreate 创建Vue示例之前调用 created 创建Vue实例成功后调用(可以在此处发送异步请求后端数据) beforeMount 渲染DOM之前调用 mounted 渲染DOM之后调用 beforeUpdate 重 阅读全文
posted @ 2022-03-28 19:41 hai起奈 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 组件生命周期图 组件生命周期钩子 所有的生命周期钩子自动绑定 """ 一、组件的生命周期:一个组件从创建到销毁的整个过程 二、生命周期钩子:在一个组件生命周期中,会有很多特殊的时间节点,且往往会在特定的时间节点完成一定的逻辑,特殊的事件节点可以绑定钩子 注:钩子 - 提前为某个事件绑定方法,当满足这 阅读全文
posted @ 2022-03-28 19:20 hai起奈 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 路由重定向 仓库介绍 vuex插件:可以完成任意组件间信息交互(移动端) 大白话原理:仓库充当第三方,其他组件都从第三方仓库获取info,那么获取的数据都是一份。类似全局单例 在其他组件中,用组件钩子created,把仓库中的info取出来,然后再赋值给本组件的变量。 再监听,如果本组件的变量发生变 阅读全文
posted @ 2022-03-28 19:19 hai起奈 阅读(221) 评论(0) 推荐(0) 编辑
摘要: element-ui插件 """ element-ui就类似于BootStrap框架,前者是在vue项目中运用,后者是在原生项目中运用,当然也可以在vue项目中运用 环境搭建: 1)安装:在前端项目根目录下的终端 cnpm install element-ui 2)配置:main.js //elem 阅读全文
posted @ 2022-03-28 19:19 hai起奈 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 1.跟组件: App.vue <template> <div id="app"> <router-view /> </div> </template> 2.路由配置:router--index.js 只保留home主页,删除about页,删除views中About组件 const routes = 阅读全文
posted @ 2022-03-28 19:16 hai起奈 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 一、Vue简介 什么是数据 1、数据驱动视图 Vue.js 是一个用于创建 Web 交互界面的库。它让你通过简单而灵活的 API 创建由数据驱动的 UI 组件。 Vue.js是一款轻量级的、以数据驱动构建web界面的前端JS框架,它在架构设计上采用了MVVM(Model-View-ViewModel 阅读全文
posted @ 2022-03-28 19:15 hai起奈 阅读(267) 评论(0) 推荐(0) 编辑
摘要: 项目搭建 下载node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 安装cnpm,用淘宝源: npm install -g cnpm --registry=https://registry.npm.taobao.org 检测是否安装成功:cnpm -version 阅读全文
posted @ 2022-03-28 19:15 hai起奈 阅读(167) 评论(0) 推荐(0) 编辑
摘要: Vue 一. 什么是Vue 渐进式 javaScript框架 可以独立完成前后端分离时 Web项目的JavaScript框架 渐进式:可以控制一个页面的一个标签,也可以控制一系列标签,也可以控制整个页面,甚至可以控制整个前台项目 二.为什么学Vue 为什么:为了前后端完全分离开发 前端三大主流框架: 阅读全文
posted @ 2022-03-28 19:14 hai起奈 阅读(160) 评论(0) 推荐(0) 编辑