vue
一名努力的小码农
这个作者很懒,什么都没留下…
展开
-
elmentUI使用tabs标签页展示动态路由
elementUI中tabs标签页中展示动态路由内容在home界面中添加tabs标签页,导航栏点击坐标路由时,在标签页中,展示路由中的数据。实现动态的效果。vuex中存储数据在vue的vuex中存储,标签页路由的相关数据store.index.js文件中: export default new Vuex.Store({ state: { openTab...原创 2019-12-25 22:00:39 · 6299 阅读 · 1 评论 -
vue + element-ui + springboot + 阿里云OSS 使用表单进行图片文件等的上传(具有上传滚动条效果)
vue + element-ui + springboot + 阿里云OSS 使用表单进行图片文件等的上传使用vue + elementUI的前端页面中,使用el-upload组件,在添加,或者修改时。在表单中,加入图片。一起传给后台 springboot服务器,将文件上传给 阿里云OSS。具有上传效果 滚动条效果小编的代码项目地址:所需工具开通阿里云 OSS对象存储...原创 2019-11-20 21:57:37 · 1802 阅读 · 1 评论 -
vsCode的vue项目中配置style的——css样式代码提示
vue项目中style样式代码提示一般情况在vue项目中 .vue结尾的文件中,在dom节点上定义style="…" 中书写 css样式时没有代码提示。只能手写就很苦恼。解决方法:打开 文件——首选项——设置——找到settings.json打开在settings.json中添加代码 "emmet.syntaxProfiles":{ "vue-html": "html",...原创 2019-11-07 09:30:18 · 9587 阅读 · 8 评论 -
Element-UI详解
Element-UIElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库Element UI是基于Vue 2.0的Element UI 提供一组组件Element UI 提供组件的参考实例, 直接复制安装ElementUI通过 vue-cli创建vue项目安装 element-ui组件npm i element-ui配置...原创 2019-11-06 09:05:27 · 174159 阅读 · 8 评论 -
vuex操作
vuex实现组件之间数据共享的一种机制;使用父子传值或兄弟传值,太麻烦了;有了 vuex ,想要共享数据,只需要把数据挂载到 vuex 就行;想要获取数据,直接从vuex 上拿就行;当 vuex 中的数据被修改之后,其它引用了此数据的组件,也会被同步更新;项目中使用 Vuex使用VSCode的 vue create 命令创建的 vue项目会自动配置好 vuex的...原创 2019-11-06 08:57:22 · 145 阅读 · 0 评论 -
vue非父子组件之间传值
组件通信:父向子,子向父。翻看 vue基础操作02笔记。非父子组件之间在components中定义一个公共的 bus.js文件,里面封装一个vue对象 // 创建一个Vue实例 import Vue from 'vue' export default new Vue()components——>GG.vue : 两个没有关系的路由组件 <...原创 2019-11-01 21:20:42 · 411 阅读 · 0 评论 -
vue-spa单页应用程序
Vue全家桶回顾:1 ES6—为Vue服务的2 vue基础语法 + axios3 前后端分离4 node之npm命令安装jquery:npm install jquery卸载jquery:npm uninstall jquery-g 全局安装:安装到c的用户的目录-D 开发环境的依赖安装-S 生产环境的依赖安装切源 nrm使用软件:Visual Studio Co...原创 2019-11-01 20:34:56 · 1466 阅读 · 0 评论 -
vue学习篇——前后端分离开发
0 复习Vue1 MVVM:前端的设计模式,他实现了双向数据绑定,他与MVC有什么框架?MVC是没有实现双向数据绑定2 双向数据绑定:当model数据发生改变之后,页面view层自动改动;当页面数据发生改变的时候,model层数据也会接收到变化3 生命周期钩子函数:created:new vue()执行完成,在双向数据绑定之前,通常用来获取数据,紧跟着就可以进行双向绑定注:回顾下vue的8...原创 2019-10-31 19:48:47 · 1983 阅读 · 0 评论 -
vue学习篇-Vue组件
回顾:1、ES6–为Vue服务2、Vue的基础语法 – 渐进式{{插值表达式}}指令(v-text、v-html、v-on(事件)、v-for、v-if、v-bind、v-show)生命周期钩子函数计算属性:本质是方法,但是可以像属性一样使用3、综合练习-sms系统 ------- 像jQuery一样使用Vue4、像node一样使用Vue—企业级的Vue开发方式1.组件...原创 2019-10-31 15:05:47 · 412 阅读 · 1 评论 -
vue学习篇---基础命令
vue基础每天学习一点点,从0到1,从无到有。初步成为vue大神。小编会将自身每天的学习记录的笔记,分享给大家。vue简介vue是一个前端框架。Vue.js是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目进行整合。前端工作主要负责MVC中的V这一层,主要与用户的界面打交道。在Vue中,一个核心的概念,就是让程序员不再操作DOM元素...原创 2019-10-24 09:02:50 · 209 阅读 · 0 评论