小鲍侃java

vue简介与简单指令 业务越来越复杂，更多操作在前段进行。 渐进式 不需要操作dom 双向绑定 环境构建方便 组件开发 社区活跃 入口 main.js为主入口 import Vue from 'vue' import App from './App' import router from './router' Vue.config.productionTip = false ...

组件的生命周期 <template> <div> <button v-on:click = "clickButton" name = "button" type = "button">按钮</button> {{message}} </div> </template> <script> exp...

axiox简介 jquery时代，我们使用ajax向后台提交数据请求，Vue时代，Axios提供了前端对后台数据请求的各种方式。 而在vue中很多都是使用axios 优缺点： 从 node.js 创建 http 请求 支持 Promise API 客户端支持防止CSRF 提供了一些并发请求的接口（重要，方便了很多的操作） axios的跨区 由于前后端的端口号不同，那么会又跨域的问题...

自定义指令 Vue中内置了很多的指令，如v-model、v-show、v-html等，但是有时候这些指令并不能满足我们，或者说我们想为元素附加一些特别的功能，这时候，我们就需要用到vue中一个很强大的功能了—自定义指令。 全局自定义指令代码实现 1.在main.js添加 //全局指令 Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… ...

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，封装很多常用组件，官网是https://element.eleme.cn/#/zh-CN/component/installation，下面就简单介绍element。 安装和引入 npm i element-ui -S npm install babel-plugin-component -D 然后...

Vue Router 是Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转； 首先我们来学习三个单词（route，routes，router）： 　　route：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由； 　　routes：它是...

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化.详细介绍可以参照官网文档https://vuex.vuejs.org/zh/ 下面简单介绍vuex 安装 project>npm install vuex --save 然后就可以在main.js中使用 // The Vue...