Vue
文章平均质量分 88
去海边钓猪
你要足够努力,才不会显得那么狼狈
展开
-
两种方式使用VueCli快速构建Vue项目
vue cli脚手架使用Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。使用Vue 脚手架之后我们开发的页面将是一个完整系统(项目)。Vue Cli提供了以一种简单的方式来构建Vue项目,在Vue下,所有的配置,例如:loader,打包配置等,都不再需要手动安装管理。自己使用webpack也可以搭建Vue项目,但是很多配置都需要手动安装和手写配置文件,相对来说,Vue-Cli大大简化了这个配置过程,使前端人员能够更加专注于功能页面的实现。Vue cli的安装与常用指令前置环境原创 2021-07-09 15:14:10 · 867 阅读 · 0 评论 -
深入浅出学Vue(六) | Vue路由router
目录Vue路由安装CDN引入直接下载NPM引入初识vue-routerrouter-linkredirect重定向的使用设置router-link激活样式路由传参通过$router.query方法传参通过$router.params方法传参路由嵌套router实现经典三栏视使用watch监听路由属性path变化Vue路由Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由原创 2021-07-09 15:11:21 · 256 阅读 · 0 评论 -
深入浅出学Vue(五) | Vue与后端进行交互
目录PromiseaxiosAxios语法格式Axios过滤器async-await用法Vue与后端交互案例Promiseajax作为一种运用广泛异步请求方式,在特殊的业务逻辑时会出现某种问题。比如:ajax成功回调后调用另外一个ajax,这样的ajax将会让逻辑十分复杂和混乱,而且一步出错,步步出错。而Promise则用另一种语法方式则可以解决这种ajax的嵌套问题。并且Promise对象提供了简洁的API 用法简单使用方法:1.then 异步调用正确时返回2.catch 获取异原创 2021-07-09 15:08:48 · 19330 阅读 · 1 评论 -
深入浅出学Vue(四) | Vue组件的使用
目录初识组件组件注册全局组件局部组件Data与methods组件切换使用v-if切换使用component标签动态切换Prop与传值问题父组件向子组件传值父组件向子组件传递方法子组件向父组件传值利用ref获取DOM和组件引用插槽组件简单应用具名插槽和匿名插槽vue新版本语法子组件向父组件传值动态组件与异步组件动态组件异步组件初识组件可以通过一个简单的组件来认识组件。新建组件Vue.component('mycomponent', { data: function(){ r原创 2021-07-09 15:06:41 · 311 阅读 · 0 评论 -
深入浅出学Vue(三) | Vue生命周期详解
Vue生命周期生命周期分为四个阶段初始化阶段create:初始阶段构造生成vue实例,初始化data,methods,event等属性,并根据模板生成虚拟DOM树。挂载阶段mount:挂载阶段将虚拟DOM树挂载到真实DOM树上。更新阶段update:更新阶段将在数据发生变化时存在,虚拟DOM将重新渲染发生变化的真实DOM。销毁阶段destory为了可以在生命周期的不同阶段不同时段横切入用户自定义的方法和操作,Vue定义了8个钩子函数给我们使用beforeCreate:Vue初始化后,事件原创 2021-06-30 19:09:15 · 213 阅读 · 0 评论 -
深入浅出学Vue(二) | Vue基本语法与使用
目录Vue语法与使用模板语法`v-text``v-html``v-bind``v-on``v-if``v-for``v-model`事件处理事件修饰符按键修饰符表单处理`文本``多行文本``单选按钮``复选框``下拉框`修饰符`.lazy``.number``.trim`Vue语法与使用模板语法Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析原创 2021-06-30 11:46:19 · 2028 阅读 · 1 评论 -
深入浅出学Vue(一) | Vue介绍与引入
介绍Vue.js是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。Vue和传统模板引擎的区别Vue是一个纯前端化的工程项目,它只是利用类似ajax的原理,实现远程的调用服务器响应的json数据,然后再用它自生的模板语法原创 2021-06-30 11:43:33 · 871 阅读 · 0 评论