Vue
文章平均质量分 88
五月CG
蜗牛没有窝~~
展开
-
Vue ——09、路由模式,404和路由勾子
路由嵌套,参数传递及重定向 一、路由模式(有#号,跟没#号)二、404三、路由勾子四、在钩子函数中使用异步请求————————创作不易,如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~一、路由模式(有#号,跟没#号)路由模式有两种hash:路径带 # 符号,如 http://localhost/#/loginhistory:路径不带 # 符号,如 http://localhost/login1、修改路由配置,代码如下:export default new Router({ mode:原创 2023-09-17 00:53:39 · 590 阅读 · 0 评论 -
Vue ——08、路由嵌套,参数传递及重定向
路由嵌套,参数传递及重定向 一、路由嵌套二、参数传递第一种方式:第二种方式:三、重定向————————创作不易,如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~一、路由嵌套嵌套路由又称子路由,在实际应用中,通常由多层嵌套的组件组合而成。接着上一个工程1、 创建一个user文件夹,文件夹下创建连个视图;List.vueProfile.vue2、接着我们在路由中进行嵌套3、 修改首页视图,我们修改 Main.vue 视图组件,此处使用了 ElementUI 布局容器组件,代码如下:Ma原创 2023-09-17 00:52:54 · 1009 阅读 · 0 评论 -
Vue ——07、Vue + ElementUI—— 小demo案例
Vue + ElementUI—— 小demo案例 一、创建工程二、idea开发————————创作不易,如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~一、创建工程创建一个名为 ve 的工程命令 vue init webpack ve安装插件、依赖进入工程目录cd ve安装vue-routernnpm install vue-router --save-dev安装element-uinpm i element-ui -S安装依赖npm install#安装SASS加载器原创 2022-02-10 03:49:39 · 4215 阅读 · 0 评论 -
Vue ——06、vue-router
webpack使用 一、说明二、安装vue-router三、vue-router使用————————创作不易,如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~一、说明学习的时候,尽量的打开官方的文档Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成, 让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSS class的链接原创 2022-02-10 03:49:16 · 1239 阅读 · 0 评论 -
Vue ——05、webpack使用
webpack使用 一、什么是Webpack?二、模块化的演进三、安装Webpack四、使用Webpack————————创作不易,如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~一、什么是Webpack?本质上, webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler) 。当webpack处理应用程序时, 它会递归地构建一个依赖关系图(dependency graph) , 其中包含应用程序需要的每个模块, 然后将所有这些模块打包成一个或多个bundle原创 2022-02-10 03:48:34 · 1226 阅读 · 2 评论 -
Vue ——04、第一个vue-cli项目
第一个vue-cli项目 一、什么是vue-cli?二、安装环境——安装nodejs三、安装Node.js淘宝镜像加速器(cnpm)四、安装vue-cli五、创建第一个vue程序五、初始化并运行六、idea打开vue————————创作不易,如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~一、什么是vue-cli?vue-cli官方提供的一个脚手架,用于快速生成一个vue的项目模板; 预先定义好的目录结构及基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个估计项目就是脚手架原创 2022-02-10 03:48:06 · 1265 阅读 · 0 评论 -
Vue ——03、Vue的生命周期,异步通信,计算属性,插槽,自定义事件,最后小结
Vue的生命周期,异步通信,计算属性,插槽,自定义事件 一、Vue的生命周期二、Axios异步通信 ES6新特性,mounted,axios ,=>三、计算属性 computed四、插槽 slot五、自定义事件 this.$emit六、最后小结————————创作不易,如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~一、Vue的生命周期官方文档:https://cn.vuejs.org/v2/guide/instance.html#生命周期图示 Vue实例有一个完整的生命周期,也就是从开原创 2022-02-10 03:47:00 · 1882 阅读 · 0 评论 -
Vue ——02、基本语法,绑定事件,双向绑定,组件
基本语法,绑定事件,双向绑定,组件 一、基本语法 v-bind ,v-if, v-else ,v-else-if ,v-for二、绑定事件 v-on三、双向绑定 v-model四、组件 template, component , props————————创作不易,如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~一、基本语法 v-bind ,v-if, v-else ,v-else-if ,v-for 1.1 v-bind 绑定元素<!DOCTYPE html><html l原创 2022-02-10 03:44:57 · 1258 阅读 · 0 评论 -
Vue ——01,第一个vue程序
第一个vue程序一、前端核心分析1.1、概述1.2、前端三要素1.3、结构层(HTML)1.4、表现层(CSS)1.5、行为层(JavaScript)二、前端发展史2.1、UI框架2.2、JavaScript构建工具2.3、三端同一2.4、后端技术2.5、主流前端框架三、第一个vue程序3.1、什么是MVVM3.2、MVVM一、前端核心分析1.1、概述Soc原则:关注点分离原则Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。HTML + CSS + JS : 视图 : 给用户看,刷新后原创 2022-02-10 03:40:46 · 2915 阅读 · 3 评论