
Vue
codenow.fun
不惑于自己,不惑于未来;找到自己的兴趣爱好,并不断坚持下去。
展开
-
Vue在java项目中的使用——Vue基础
什么是MVVM框架? View---ViewModel---Model之间的通讯 View:视图,dom ViewModel:通讯,观察者,能监听到数据的变化 Model:数据,JavaScript对象 常用的MVVM框架有angular.js、react.js、vue.js MVVM的应用场景: 复杂交互逻辑的前端应用 提供基础的架构抽象 通过Ajax数据持久化,保证前端用户体...原创 2019-03-05 23:41:22 · 18217 阅读 · 1 评论 -
Vue在java项目中的应用——Vue3.0使用axios实现前后分离,解决No 'Access-Control-Allow-Origin' header is present on the req
axios是基于promise(诺言)用于浏览器和node.js,是http客户端。 axios的作用是什么呢:axios主要是用于向后台发起请求的,还有在请求中做更多是可控功能。 特点:支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 ...原创 2019-03-24 13:05:56 · 1567 阅读 · 0 评论 -
vue在java项目中的使用——发布订阅模式实现父组件和子组件间的交互
父组件和子组件间主要通过发布订阅模式进行通信的 父组件向子组件传值是通过属性的形式传递的,子组件可通过this.$emit()方法向父组件发布消息,父组件监听子组件的事件实现交互 父组件 <template> <div id="app"> <div> <input type="text" v-model="inputData&quo原创 2019-03-17 17:51:08 · 339 阅读 · 0 评论 -
SPA和MPA
SPA(单页面应用) MPA(多页面应用) 单页面应用 第一次进入页面时会请求一个html文件,刷新清除一下,切换到其他组件,此时路径也相应变化,但是并没有新的html文件请求,页面内容却变化了。 原理: js会感知到url的变化,通过这一点可以用js动态地将当前页面的内容清除,然后将下一个页面的内容挂载到当前页面上。这个时候的路由不再是后端来做了,而是前端来做,判断页面显示相应的组件...原创 2019-03-28 23:59:29 · 364 阅读 · 0 评论 -
vue在java项目中的使用——局部组件和全局组件
数据驱动和组件化是vue的两个核心 数据驱动:实现数据的双向绑定,数据改变驱动视图自动更新,操作的是数据而不是dom节点 组件化开发:页面上每个独立的可视/可交互区域视为一个组件,每个组件对应一个工程目录,组件所需要的各种资源在这个目录下的就进维护,页面就成了组件的容器,它由组件来组成 组件分为全局组件和局部组件,他们在定义和使用上都存在着差别 全局组件用到的是 Vue.component...原创 2019-03-17 16:07:48 · 554 阅读 · 0 评论 -
vue在java项目中的使用——vue-resourse和axios实现api的调用和数据渲染
api的调用和数据渲染 在Vue中要获取服务器的接口数据,可以使用vue-resource调用.$http.get("获取数据的API接口")这个方法,然后将取得的数据在页面中渲染methods:{ getUserData(){ this.$http.get("获取数据的API接口") .then(function (response) { this.customers=response.bod...原创 2019-03-19 23:22:01 · 849 阅读 · 0 评论