Vue
cug-jdc
这个作者很懒,什么都没留下…
展开
-
使用脚手架(vue-cli)进行自动化项目构建
02121原创 2020-09-16 16:13:36 · 1028 阅读 · 0 评论 -
Vue学习之完结实例篇
Vue系列文章目录 Vue学习之入门篇Vue学习之模板语法和语句结构篇Vue学习之事件处理器与属性篇Vue学习之表单与组件篇Vue学习之路由访问与混入对象篇Vue学习之动画效果篇Vue学习之响应与Ajax请求篇Vue学习之完结实例篇Vue系列文章目录菜单导航实例文本编辑实例列表订单实例布局切换实例菜单导航实例创建一个简单的导航菜单:<!-- 激活的菜单样式为 active 类 --><!-- 为了阻止链接在点击时跳转,我们使用了 "prevent" 修饰符原创 2020-09-15 16:27:08 · 772 阅读 · 0 评论 -
Vue学习之响应与Ajax请求篇
Vue系列文章目录 Vue学习之入门篇Vue学习之模板语法和语句结构篇Vue学习之事件处理器与属性篇Vue学习之表单与组件篇Vue学习之路由访问与混入对象篇Vue学习之动画效果篇Vue学习之响应与Ajax请求篇Vue系列文章目录Vue请求Http库Axios**使用安装方法****GET 方法****POST 方法****执行多个并发请求实例****axios API**库vue-resourceVue响应接口Vue请求Http库AxiosVue.js 2.0 版本推荐使用 axi原创 2020-09-15 10:30:43 · 388 阅读 · 0 评论 -
Vue学习之动画效果篇
Vue系列文章目录 Vue学习之入门篇Vue学习之模板语法和语句结构篇Vue学习之事件处理器与属性篇Vue学习之表单与组件篇Vue学习之路由访问与混入对象篇Vue学习之动画效果篇Vue系列文章目录一、过渡效果二、动画效果一、过渡效果过渡Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。Vue 提供了内置的过渡封装组件,该组件用于包裹要实现过渡效果的组件。语法格式如下:<transition name = "nameoftransition">原创 2020-09-11 15:53:42 · 720 阅读 · 0 评论 -
Vue学习之路由访问与混入对象篇
Vue系列文章目录 Vue学习之入门篇Vue学习之模板语法和语句结构篇Vue学习之事件处理器与属性篇Vue学习之表单与组件篇Vue学习之路由访问与混入对象篇Vue系列文章目录一、Vue路由访问二、Vue的混入对象理解一、Vue路由访问此篇学习内容主要介绍 Vue.js 路由。Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。Vue.js 路由需要载入 vu原创 2020-09-10 10:48:35 · 401 阅读 · 0 评论 -
Vue学习之表单与组件篇
Vue学习之表单与组件篇Vue表单Vue组件Vue自定义Vue自定义事件Vue自定义指令Vue表单这一篇介绍 Vue.js 表单上的应用。我们可以用 v-model 指令在表单控件元素上创建双向数据绑定,如下所示的原理图。v-model 会根据控件类型自动选取正确的方法来更新元素。输入框下面实例中演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定:<div id="app"> <p>input 元素:</p> <原创 2020-09-09 11:25:13 · 856 阅读 · 0 评论 -
Vue学习之事件处理器与属性篇
Vue学习之事件处理器与属性篇Vue计算属性Vue监听属性Vue样式属性Vue事件处理器Vue计算属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。可以看下以下反转字符串的例子:实例 1<div id="app"> {{ message.split('').reverse().join('') }}</div><script>new Vue({ el: '#app', data: { message: 'Vu原创 2020-09-08 11:20:25 · 306 阅读 · 0 评论 -
Vue学习之模板语法和语句结构篇
Vue学习之模板语法和语句结构篇Vue的模板语法Vue的条件语句结构Vue的循环语句结构Vue的模板语法Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。插值文本数据绑定最常见的形式就是使用 {{…}}(双大括号)的文本插值:<div i原创 2020-09-03 14:25:33 · 762 阅读 · 0 评论 -
Vue学习之入门篇
Vue学习之入门篇Vue入门Vue.js 安装Vue.js 目录结构Vue.js 开始Vue入门Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。第一个实例如下:<!DOCTYPE html><html><head><meta charset="utf-8"><title&原创 2020-09-02 16:30:02 · 254 阅读 · 0 评论 -
对于Vue生命周期的解析以及对钩子函数和回调函数的理解
官方文档对于Vue的生命周期讲的很简单,可能这部分也不算重点讲解内容吧,但是为了便于理解,这里还是针对以下这三个问题给出了一些综合性的理解。一、Vue生命周期所有的生命周期钩子自动绑定this上下文到实例中,因此你可以访问数据,对属性和方法进行运算。但是不能使用箭头函数来定义一个生命周期方法(例如created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此this与你期待的 Vue 实例不同,this.fetchTodos的行为未定义。一个经典的Vu原创 2020-09-01 13:02:09 · 953 阅读 · 0 评论