zerobaek的博客

第一步：安装json-server  cnpm install json-server --save 第二步：在bulid目录下找到webpack.dev.conf.js 第三步：在const portfinder = require(‘portfinder’)后添加 //第一步 const express = require('express') const app = express(...

提高开发效率的发展历程： 原生JS（存在兼容性问题，开发效率低） -> Jquery之类的类库（轻量级脚本语言、css兼容性、跨浏览器，但是还是有频繁操作DOM元素的缺点） -> 前端模板引擎（出现重绘和重排的问题） -> Angular.js / Vue.js（能够帮助我们减少不必要的DOM操作；提高渲染效率；双向数据绑定的概念【通过框架提供的指令，只需要关心数据的业务逻辑，...

v-cloak： 使用 v-cloak 能够解决 插值表达式闪烁的问题，不使用v-cloak的话，在用户网速不理想的时候，页面加载时会先直接显示{{message}}，然后再显示数据。 <div> {{ message }} </div> 因为这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如[v-cloak] { display: none } ...

不使用vue动画实现动画效果： 首先设置vue对象装载位置的html代码： <div id="app"> <input type="button" value="toggle" @click="flag=!flag"> <!-- 需求： 点击按钮，让 h3 显示，再点击，让 h3 隐藏 --> <h3 v-if=&

演示目标区域代码（#app）： 用户进行添加查询操作的区域： <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">添加品牌</h3> </div> &lt

Vue生命周期：  什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子：就是生命周期事件的别名而已； 生命周期钩子 = 生命周期函数 = 生命周期事件 主要的生命周期函数分类： 创建期间的生命周期函数：   beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 ...

vue-resource vue-resource 的配置步骤： 直接在页面中，通过`script`标签，引入 `vue-resource` 的脚本文件； 注意：引用的先后顺序是：先引用 `Vue` 的脚本文件，再引用 `vue-resource` 的脚本文件； <script src="./lib/vue-2.4.0.js"></script> <!-- 注...

什么是组件 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同 模块化是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一； 组件化是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用； 全局组件定义的三种方式 <div id="...

什么是路由 后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源； 前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现； 在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（...

将firstname和lastname名称拼接案例（不使用watch选项，使用keyup事件）： vm挂载位置，使用keyup事件监视文本框数据的改变： <div id="app"> <span>firstname</span> <input type="text" v-model="firstname" @keyup=&qu

vm实例挂载位置： <div id="app"> <p>444444</p> <!-- <login></login> --> </div> 组件模板对象： var login = { template: '<h1>这是登录组件</

在普通网页中如何使用vue： 1. 使用 script 标签 ，引入 vue 的包 2. 在 index 页面中，创建 一个 id 为 app div 容器 3. 通过 new Vue 得到一个 vm 的实例 在webpack 中尝试使用 Vue： 将vue安装为运行依赖 cnpm install vue --save-dev za 在main.js中导入Vue的构造函数 i...

Mint-UI官方文档 安装： # Vue 1.x npm install mint-ui@1 -S # Vue 2.0 npm install mint-ui -S 在main.js导入所有的 MIntUI 组件： // 导入 Mint-UI import MintUI from 'mint-ui' //把所有的组件都导入进来 // 这里 可以省略 node_modules 这一层目...

为什么要使用vuex： 整站有很多数据和状态，由很多组件拼成，组件间可能要共享一些状态，比如登录、注册部分每个页面都要有，数据要进行同步更新，状态很多的时候，通过事件触发也不切实际，所以出现了状态管理 vuex 是 Vue 配套的 公共数据管理工具，它可以把一些共享的数据，保存到 vuex 中，方便 整个程序中的任何组件直接获取或修改我们的公共数据 props、data和vuex的区别： V...

axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 axios常用的api： 在html代码中添加一些按钮辅助验证： <button onclick="getaxios()">getaxios</button> <button onclick="postaxios()">postaxios</butto...