vue
关注
分享
扫一扫
游响云停
这个作者很懒，什么都没留下…
展开
-
npm i --legacy-peer-deps
npm i --legacy-peer-deps原创 2022-10-01 14:59:10 · 624 阅读 · 0 评论 -
vue杂谈--自定义组件
vue中的组件分为两种，全局自定义组件和局部自定义组件全局自定义组件使用Vue.component 注册，局部自定义组件与VUE实例挂钩下面的代码演示了怎样创建全局和局部自定义组件<html><head><title>vue演示</title><script src="https://cdn.jsdelivr.net/n...原创 2019-05-24 11:38:32 · 213 阅读 · 0 评论 -
vue杂谈--数据绑定
vue中的数据绑定分为两种，单项数据绑定和双向数据绑定单项数据绑定使用v-bind双向数据绑定使用v-model<html><head><title>vue演示</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script&g...原创 2019-05-24 10:17:24 · 200 阅读 · 0 评论 -
vue杂谈--挂载点，实例，模板
下面我们看下vue中的基本概念，先上下代码<html><head><title>vue演示</title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body> ...原创 2019-05-24 09:45:03 · 404 阅读 · 0 评论 -
vue杂谈--渲染
1.条件渲染 条件渲染使用v-if 和 v-show两种写法 v-show:是在页面中把元素显示或隐藏 v-if:不满足条件，会把元素从页面中删除2.列表渲染列表渲染使用 v-for语法<html><head><title>vue演示</title><script src="https://...原创 2019-05-22 13:36:35 · 241 阅读 · 0 评论 -
vue杂谈--基本语法
创建vue实例var app = new Vuevue绑定属性使用 v-bind v-bind:href=" " 简写 :href=""vue绑定事件使用v-on:click=""; 简写 @click="" vue中的计算属性是把几个属性综合起来组成一个新的值，在界面上显示 监听器主要是监听vue字段是指是否有变化<html><h...原创 2019-05-22 12:59:35 · 240 阅读 · 0 评论 -
vue杂谈--自定义组件通信之子组件向父组件传值
上一节我们看来父组件使用props属性向子组件传值，这一节我们看下子组件如何向父组件通信传值子组件主要使用this.$emit方法和父组件通信，下面的示例演示了子组件向父组件传值首先子组件中定义单机事件，Vue.component('todo-item', { props:['count','index'], template: '<li @click=...原创 2019-05-24 13:16:25 · 262 阅读 · 0 评论 -
vue杂谈--自定义组件通信之父组件向子组件传值
vue中定义组件后，父子组件设计到通信传值问题1.父组件向子组件传值 使用props属性，子组件接受父组件传进来的值，首先在子组件中定义要接受的字段，然后父自己给接受的字段传值， 下面的代码在组件中定义了一个count字段，使用props定义 Vue.component('todo-item', { props:['count'], template:...原创 2019-05-24 13:02:54 · 216 阅读 · 0 评论 -
java开源商城--(3)启动后台管理项目
后台项目管理地址 ：https://github.com/macrozheng/mall-admin-web官方介绍使用的是开发工具是idea, 我们这里使用的是 visual studio1.打开项目 下载visual studio,打开项目，打开后如下图 打开命令行终端，查看-->终端 菜单 然后运行npm install ...原创 2019-04-26 22:41:05 · 594 阅读 · 0 评论 -
vue后台管理系统学习(3)--添加左侧导航
VUE后台管理系统左侧默认已经有了很多菜单，但是自己要想加一个菜单，对于刚接触的朋友来说，还是比较懵逼的，个人演讲了2天，才找到了添加菜单的顺序，添加了一个基础数据模块，下面有用户管理和客户管理两个菜单，如下图由于后台管理系统是多语言，所有我们先找到语言的配置文件，添加导航1.修改语言配置文件 由于我们做的是中文版的，找到zh.js文件，在route里面添加对应的菜单名...原创 2018-10-24 23:04:35 · 5262 阅读 · 0 评论 -
vue开发单页面应用
今天我们看看VUE怎么开发单页面应用，VUE提供了脚手架vue-cli，通过这个可以很轻松的创建VUE单页面应用，1.创建VUE项目 首先确保电脑上安装了NODE.JS, 在创建项目的目录下，打开CMD命令行，执行脚手架命令，安装脚手架cli. # 全局安装 vue-cli, 一定要在全局模式下安装vue-cli，否则无法使用vue命令npm install -g vue...原创 2018-10-24 13:58:59 · 5980 阅读 · 1 评论 -
vue后台管理系统学习(2)
今天研究了后台管理的页面启动顺序，好奇是怎么进入login.vue的，一直没找到，快要放弃的时候，发现了新大陆。和其他VUE项目一样，此项目使用的是单页面应用，只有一个页面index.html, 在页面启动的时候，会加载APP.vue,1.启动加载app.vue加载app.vue的原因是在main.js中配置了启动的时候加载app.vue, main.js代码impor...原创 2018-10-23 22:22:20 · 2901 阅读 · 2 评论 -
vue后台管理系统学习(1)
今天想学习下VUE,从网上看到一个VUE后台管理系统模板，感觉不错，想研究下，没想到，下载后，懵逼了，代码有点复杂，VUE也不从，于是硬着头皮研究下吧。后台管理系统模板下载地址：https://github.com/PanJiaChen/vue-element-admin，1.安装NODE.JS和NPM, 首先要安装这个工具，VUE是基于NODE.JS的，不要问为什么，我也不...原创 2018-10-23 17:09:37 · 1488 阅读 · 1 评论