Vue
thisiscocoa
这个作者很懒,什么都没留下…
展开
-
(四)vue路由简单梳理
路由是什么 URL 和 资源直接的对应关系,就是路由 路由如何实现,实现的步骤 A.导入js文件 B.添加路由链接 C.添加路由占位符(最后路由展示的组件就会在占位符的位置显示) D.定义路由组件 E.配置路由规则并创建路由实例 F.将路由挂载到Vue实例中 路由重定向 { path:"/",redirect:"/user"}, 嵌套路由 routes: [ { path:"/",redirect:"/user"}, { path: "/user", com原创 2020-05-24 19:39:11 · 118 阅读 · 0 评论 -
(三)VUE组件及插槽概览
简介 本文前半部分先从简单vue应用进行拓展,引申出计算属性、侦听器、过滤器的概念,接着介绍生命周期(钩子函数)。后半部分介绍VUE重要概念 - 组件,组件的XXXXX等。 计算属性、侦听器、过滤器 计算属性 在模板中放入太多的逻辑会让模板过重且难以维护,如下图: <div id="example"> {{ message.split('').reverse().join('') }} </div> 为了解决这个问题,对于任何复杂逻辑,应当使用计算属性:computed 直接看原创 2020-05-19 22:14:41 · 371 阅读 · 0 评论 -
(二)计算属性、侦听器、过滤器和生命周期
上一文简单介绍了vue的结构和一些核心概念,本文接着介绍计算属性、侦听器、过滤器以及生命周期函数。 链接如下: VUE简单入门(一) 计算属性 我们继续从简单的vue应用入手,如果我们需要在模板中放入很多逻辑,那么模板就会足够复杂且难以维护,如下图: <div id="example"> {{ message.split('').reverse().join('') }} </div> 为了解决这个问题,对于任何复杂的逻辑,都应当使用计算属性:computed 看下图这个栗子:原创 2020-05-10 10:51:38 · 215 阅读 · 0 评论 -
(一)VUE简单入门
Vue 是什么? VUE是一套用于构建用户界面的渐进式框架。 官方参考文档:https://cn.vuejs.org 特点 核心库只关注视图层,容易上手 便于与第三方库或既有项目整合 本文从自己的角度对VUE进行一个梳理,尽量把知识串联起来,省略了一些安装配置的过程,本文是vue的第一节入门课。 举个例子入门啦 这就是一个简单的vue Vue 应用,我们接下来拆解一下都做了什么 一、引用...原创 2020-05-05 18:42:55 · 374 阅读 · 0 评论