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-compiler npm install -D vue-loader vue-template-compiler webpack配置 // webpack.config.js const 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是前端视图层概念，主要关注与视图层分离，分为了三...