Kami丶

相信大家对mvvm双向绑定应该都不陌生了，一言不合上代码，下面先看一个本文最终实现的效果吧，和vue一样的语法。<div id="mvvm-app"> <input type="text" v-model="word"> <p>{{word}}</p> <button v-on:click="sayHi">cha...

函数化组件Vue.js提供了一个 functional 的布尔值选项，设置为true可以使组件无状态和无实例，也就是没有 data 和 this上下文。好处：只是一个函数，渲染开销要小很多。使用函数化组件时，Render 函数提供了第二个参数 context 来提供临时上下文。 组件需要的data、props、slots、chidren、parent 都是通过这个上下文来传递的。---...

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

本文章用说到的配置是基于webpack。安装首先安装vue-loader 和 vue-template-compilernpm install -D vue-loader vue-template-compilerwebpack配置// webpack.config.jsconst VueLoaderPlugin = require('vue-loader/lib/plugin'...

基础Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。（一般用于大型单页应用）每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的...

基本用法全局注册Vue.directive('focus', { // 指令选项});局部注册var app = new Vue({ el: '#app', directives: { focus: { // 指令选项 } }});自定义指令的选项自定义指令的选项是由几个钩子函数组成的，每个都是可选的。bind：只调用一次，指令第一次绑定到元素...

自定义指令自定义全局指令第一个参数：指令名称。第二个参数：一个对象，该对象有一下指令相关的钩子函数。注意：定义的时候，指令的名称前面不需加 v- 前缀，但调用的时候需要。Vue.directive('指令名称', { /*钩子函数*/ });自定义私有指令（directives属性）在声明vm对象中通过 directives 选项定义。directives: { //...

vue-resource 实现 get,post,jsonp请求（现在已停止维护，推荐使用axios）https://github.com/pagekit/vue-resource除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求.vue-resource 的配置步骤：直接在页面中，通过script标签，引入 vue-resource 的脚本...

多页应用（MPA）每一次页面跳转的时候，后台服务器都会给返回一个新的html文档，这种类型的网站也就是多页网站，也叫做多页应用。为什么多页应用的首屏时间快？首屏时间叫做页面首个屏幕的内容展现的时间，当我们访问页面的时候，服务器返回一个html，页面就会展示出来，这个过程只经历了一个HTTP请求，所以页面展示的速度非常快。为什么搜索引擎优化效果好（SEO）？搜索引擎在做网页排名的时候，要...

vue.js框架和库的区别框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。node中的express。库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其他库实现需求。MVC 与 MVVM 之间区别MVC 是后端的分层开发概念。MVVM是前端视图层概念，主要关注与视图层分离，分为了三...