vue
SachinLee
这个作者很懒,什么都没留下…
展开
-
SpringMvc+Vue项目一起部署
SpringMvc+Vue项目一起部署背景部署方式部署中的问题访问之后路径被拦截访问出现404页面空白总结背景 最近公司的项目,开始从传统的JSP转向使用Vue前后端分离的方式,由于大家也是初次接触这种方式,在使用过程中遇到一些问题。今天记录一下之前部署项目遇到的问题。部署方式 因为项目内部使用,加之服务器的限制,部署方式,还是使用webpack打包前端项目(npm/cnpm ...原创 2018-11-12 20:31:18 · 5642 阅读 · 3 评论 -
vue入门——计算属性和侦听属性
计算属性和侦听器1 计算属性2 侦听属性1 计算属性 在前边有讲到双括号表达式中,可以使用 JavaScript 表达式,但是这种表达式会让我们的模板变得复杂,降低代码的可读性,且难以维护,例如:<div id="example"> {{ message.split('').reverse().join('') }}</div> 为了解决这个问题,我们可...原创 2019-07-04 17:21:12 · 232 阅读 · 0 评论 -
vue组件——组件通信
vue组件——组件通信Prop基本使用Prop 类型Prop 验证注意自定义事件基本使用`.sync` 修饰符插槽基本使用具名插槽带数据的插槽动态组件Prop基本使用子组件使用 props,声明需要父组件传递的的参数:父组件通过绑定的方式传递给子组件基本例子,子组件:<template> <div class="hello"> <h1>...原创 2019-07-09 20:26:07 · 398 阅读 · 0 评论 -
vue组件——基本使用
vue组件——基本使用声明周期组件定义和使用组件的组成基本使用声明周期每次都使用 new Vue() 创建了一个新的实例,每个实例在初始化时,都需要经过一系列的过程,我们可以在这个过程中,添加自己的逻辑。常用声明周期:created()/mounted(): 发送 ajax 请求beforeDestory()组件定义和使用在 vue 项目中,每个 .vue 文件都是一个组件;...原创 2019-07-09 20:21:40 · 343 阅读 · 0 评论 -
vue组件编程——创建项目
vue组件编程——创建项目使用 vue-cli 创建模板项目模板目录vue-cli 3.x使用 vue-cli 创建模板项目 首先,我们学习,如何创建一个 Vue 项目,首先需要安装 node,具体过程这里就不累述;新版的 node 已经集成了 npm;我们可以使用 npm 安装相关的插件# 1. 安装 vue-clinpm install -g vue-cli# 2. 创建项目vu...原创 2019-07-09 20:17:44 · 240 阅读 · 0 评论 -
vue入门——其他
vue入门——其他表单输入绑定过滤器自定义指令表单输入绑定 前边已经讲了 v-bind 用于绑定 HTML 属性的值,v-on 用于绑定事件;Vue 针对表单元素,提供了 v-model 的语法糖,在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。之前也已经见过了:<input v-model="messa...原创 2019-07-08 20:05:24 · 195 阅读 · 0 评论 -
vue入门——事件处理
vue入门——事件处理事件修饰符键盘修饰符事件修饰符 通过前边的学习,我们已经知道通过 v-on 指令,能够绑定事件;在事件处理中,调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。为了更加方便的解决这个问题,Vue 提供了事件修饰符。.stop 阻止事件的冒泡行为 事件默认存在冒泡行为,也就是说如果父级标签中...原创 2019-07-08 19:57:50 · 199 阅读 · 0 评论 -
vue入门——条件和列表渲染
vue入门——条件渲染、列表渲染条件渲染列表渲染数组检测更新对象检测注意事项其他条件渲染 v-if 指令,很容器理解就是一个条件判断,当条件成立时渲染;另外,还能够使用 v-else-if 和 v-else ,v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面,否则它将不会被识别。<div id="app"> <input v-mod...原创 2019-07-08 19:53:46 · 219 阅读 · 0 评论 -
vue 入门——Class 与 Style 绑定
vue 入门——Class 与 Style 绑定1 Class 绑定2 Style 绑定 class 和 style 也是 HTML 的属性,因此,也可以使用 v-bind 进行属性值的绑定。1 Class 绑定基本语法: :class="xxx"xxx 表达式,可以是 字符串、对象、数组<style> .color { color: red...原创 2019-07-08 19:51:20 · 199 阅读 · 0 评论 -
Vue入门——模板语法
Vue入门——模板语法模板语法1 双大括号2 原始 HTML3 指令:数据绑定3 指令:事件绑定4 动态参数模板语法 模板语法,就是动态的 HTML 页面,包含一些 js 代码,双大括号表达式、指令(v-bind 等)1 双大括号<span>{{message}}</span> 相当于 v-text 指令:<span v-text="message"&...原创 2019-07-01 20:21:13 · 234 阅读 · 0 评论 -
Vue 入门——基本认识
Vue 入门——基本认识Vue 基本认识1 Vue 是什么2 Vue 特点3 Vue 扩展插件4. 简单 demoVue 基本认识本文写作初衷,最近给同事分享了一下 Vue 的入门教程,但是,感觉在分享过程中,讲得比较乱,没有达到预期的效果;另外,在翻看官方文档中,发现有很多知识原来自己没有注意的地方,因此,通过本系列文章巩固一下自己的学习。个人觉得 vue 官方文档已经讲解的非常好了,更...原创 2019-07-01 19:50:24 · 417 阅读 · 0 评论 -
Vue使用OAuth2简化模式登录
Vue使用OAuth2简化模式登录1. OAuth2简化模式概述2.1. OAuth2简化模式概述 OAuth2是一个2.原创 2019-02-14 08:35:15 · 6866 阅读 · 4 评论 -
vue组件——混入
vue组件——混入混入混入合并策略混入 前边介绍了组件,我们知道组件包含三个部分 ,HTML 模板、js、css;但是,有时候,我们的模板可能是不同的,但是执行的方法和需要的数据类似,这时候,我们可以使用混入 Mixins。 混入(Mixins) 通常是一个 js 文件,但是其中可以写 vue 组件的 js 部分的任何内容,包括 data, methods, 和各个生命周期等。定义...原创 2019-07-10 20:45:28 · 1954 阅读 · 0 评论