weixin_44549556的博客

Vue-cli实现登录和重置功能1. 项目初始化① 安装Vue脚手架 npm install -g @vue/cli② 通过Vue脚手架创建项目：在cmd命令行中输入 vue ui，使用图形化界面创建项目③配置Vue路由，配置Elment-UI组件库，配置axios库：通过添加插件和依赖安装以上配置2. 后台项目的环境配置① 安装mysql数据库② 安装Node.js环境③ 配置...

Vuex的使用配置Vuex的步骤运行 cnpm i vuex -S导入包 import Vuex from 'vuex'注册vuex到vue中 Vue.use(Vuex)new Vuex.Store()实例，得到一个数据仓储对象state：相当于组件中的data，专门用来存储数据的 ，如果在组件中，想要访问store中的数据，只能通过 this.$store.state.**...

将本地代码托管到码云1、创建忽略文件 .gitinore在内部写上忽略文件名node_modules.idea.vscode.git2、创建README.md文件在该文件写入项目详细信息3、放入LICENSE文件（开源协议）文件目录4、创建本地仓储初始化git git init查看到标红的文件就是未提交状态 git status将文件放到暂存区 gi...

在Vue中安装Mint-UI方法全部导入组件如果项目会用到 Mint UI 里较多的组件，最简单的方法就是把它们全部引入。此时需要在入口文件 main.js 中：import Mint from 'mint-ui';Vue.use(Mint);import 'mint-ui/lib/style.css';按需导入Mint-UI中的组件比如导入Header组件，在main.js中写入...

webpack中如何使用Vue1、安装vue的包：cnpm i vue -S2、由于在webpack中，推荐使用.vue这个组件模板文件定义组件，所以需要安装能解析这个文件的loadercnpm i vue-loader vue-template-compiler -D3、在main.js中，导入vue模块import Vue from 'vue'4、定义一个.vue结尾的组件，新建...

Vue-router前端路由和后端路由的概念前端路由：对于单页面应用程序来说，主要通过url中的hash（#号）来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容，所以单页面程序中的页面跳转主要用hash实现。后端路由：对于普通的网站，所以得超链接都是url地址，所有的url地址都对应服务器上对应的资源。在vue中使用vue-router步骤1、...

Vue.js父子组件传值父组件向子组件传data中的值父组件向子组件传递方法实例：评论列表父子组件传值父组件向子组件传data中的值首先，我们知道子组件默认是无法访问父组件中的data上的数据和methods中的方法，其次，如果我们想取到父组件中data中的msg值，该怎么办呢？先区分父组件中的data和子组件中data子组件中的data数据，并不是通过父组件传递过来的，而是子组件自身...

通过vue-resource对品牌列表进行增删查改发送get请求给后台服务器来获取品牌列表分析：1.由于已经导入vue-resource包，就可以直接通过this.$http来发起数据请求2.根据接口API文档，知道获取列表时，应该发起get请求3.get请求格式：this.$http.get(‘url’).then(function(result){})4.通过then指定回调函数之...

Vue完成品牌列表案例添加功能实现效果：1、画表格在vs code的扩展中安装Bootstrap 3 Snippets，就可以使用快捷键bs3-table快速创建表格2、将model中的数据渲染到表格中。使用v-for循环data中的对象<tr v-for="item in list" :key="item.id">3、实现添加功能使用bs3-panel:prima...

Vue.jsVue基本指令Vue事件修饰符Vue绑定样式通过属性绑定设置class类样式通过属性绑定设置style行内样式Vue基本指令v-cloak : 解决插值表达式闪烁的问题。v-text：没有出现闪烁问题，但是v-text会覆盖元素中原本的内容。但是插值表达式只会替换自己的占位符，不会把整个元素的内容清空。v-bind：Vue提供用于绑定属性的指令，V-bind：要绑定的属性，也可...

Vue基本代码导入vue-2.4.0.js包，在浏览器的内存中，就会多一个Vue构造函数创建Vue实例，将new出来的实例赋给vm对象，它就是MVVM中的调度者el表示当前new的vue实例所要控制的页面区域，下图为控制id为app的区域；data存放el要用到的数据运行结果：在浏览器运行该页面：在扩展中找到open in browse,点击安装，安装成功后，点击重新加载，切记要点...

Vue.js什么是Vue.jsVue.js的特点框架和库的区别后端的MVC框架和前端的MVVM框架区别什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架。Vue.js、Angular.js和React.js并成为前端三大主流框架。Vue.js是一套构建用户界面的框架，只关注视图层，容易上手，还便于与第三方库或既有项目整合。Vue.js的特点帮助我们减...