![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
cgl_dong
!
展开
-
Vue.js入门(一)模板语法
MVC的核心理念是:你应该把管理数据的代码(Model)、业务逻辑的代码(Controller)、以及向用户展示数据的代码(View)清晰的分离开 模型:代表应用当前的状态 视图:用于展示数据,用于接口 控制器:用来管理模型和视图之间的关系 通过MVC框架又衍生出了许多其它的架构,统称MV*,最常见的是MVP与MVVM MVVM(Model-View-ViewModel)框架的由来便是MVP(M...原创 2019-06-04 02:08:28 · 145 阅读 · 0 评论 -
VueCli环境搭建
VueCli环境搭建 VueCli是Vue提供的脚手架,可以帮助我们快速搭建Vue应用,对前后端分离,模块化开发,SPA应用提供便捷的操作。 VueCli基于Vue,需要Node环境。同时需要Webpack工具辅助。默认已经安装node环境 vueCli需要node环境的支持,其中的npm包管理工具可以帮助我们搭建Vue脚手架. 1、淘宝cnpm 国外的npm有时速度太慢,所以有时我们使用...原创 2019-09-13 01:07:56 · 315 阅读 · 0 评论 -
vue组件(三)之slot
Slot内容分发 1、内容分发与编译作用域 在使用组件时,常常要像这样组合它们. <app> <my-com></my-com> <my-com-2></my-com-2> </app> 此时需要注意的是: <app> 组件不知道它的挂载点会有什么内容。挂载点的内容是由<app>的父组件决定...原创 2019-09-03 15:37:19 · 146 阅读 · 0 评论 -
Vue组件(二)之数据传递(props-emit,父链)
props-emit 及父链 在组件中,父组件和子组件的作用域是相互独立的,但是组件之间协同工作那么又是可能会相互调用对方的数据或者说相互通信,vue中通过props向下传递数据,通过events向上传递消息。 1、Props 1.1、数据传递 props由父组件传递数据给子组件,那么所传递数据需要在子组件的标签上进行声明,如下子组件标签名为my-com,其中的属性message和:msg,...原创 2019-09-03 08:56:06 · 318 阅读 · 0 评论 -
Vue组件(一)
Component组件 组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。 Component非常重要,在Vue模块化开发中占据重要地位。Component有全局注册和局部注册两种方式,...原创 2019-08-29 18:14:37 · 93 阅读 · 0 评论 -
简单axios实例
Java作为后端,接受前端传入的数据 @Controller @RequestMapping("/axios") public class AxiosController { @RequestMapping("/he") public String hello(){ return "redirect:/axios.html"; } @Reques...原创 2019-07-25 21:58:16 · 2386 阅读 · 0 评论 -
Vue入门之计算属性Computed
Vue中提供了计算属性,计算属性似乎与methods非常相似,如下 <body> <div id="ct"> <h1>{{firstname}} {{lastname}}</h1> <h1>{{getFullname()}}</h1> <h1>{{Fullname}}</h1>...原创 2019-07-29 18:38:12 · 97 阅读 · 0 评论 -
Vue.js入门(二)组件
SPA SPA指的是Single Page Application,就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成,都由JavaScript来控制。因此,对单页应用来说模块化的开发和设计显得相当重要。 单页Web应用...原创 2019-07-08 21:19:47 · 112 阅读 · 0 评论 -
Vue小项目之路由及表格相关操作
Vue小项目之路由及表格相关操作 vuecli搭建 一、效果演示 二、代码 这个项目用了许多vue的相关功能 App.vue 略去样式 <template> <div id="app"> <Click :msgs="msgs"></Click> <router-link to="/Hello" tag="h3">...原创 2019-09-13 02:48:33 · 283 阅读 · 0 评论