下载APP 随时随地学编程
返回 首页

vue 手册

开始阅读
手册说明:


学前须知:

Vue.js 的 API 是参考了 AngularJS、KnockoutJS、Ractive.js、Rivets.js,所以建议学习前,对上述 4 个框架系统做些了解。

在使用Vue.js时,建议可以结合其他库一起使用,比如jQuery

vue的介绍:

Vue.js是一套构建用户界面的渐进式JavaScript框架,它是以数据驱动和组件化的思想构建的,与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。

vue.js的特性如下:

  1. vue.js属于轻量级的框架;
  2. vue.js的数据时双向绑定的;
  3. vue.js中指令和组件分得更清晰;
  4. vue.js能够异步批量DOM更新;
  5. vue.js具有可扩展性,让用户可以在多个组件中复用共同的特性。

本手册章节结构:

本手册主要由6个章节构成,详细的从介绍vue的基础知识开始,以渐进学习的方式和相应的实例来辅助您的学习,让您轻松掌握vue。

W3Cschool上与vue相关的教程:

《Notadd》

《Vue.js 教程》

HTML 教程》 

CSS 教程

JavaScript 教程

《jQuery教程》

在线阅读:

W3Cschool https://www.w3cschool.cn/aekdgs/

参考资料:

vue官方网站:http://vuejs.org

vue官方文档:http://vuejs.org/v2/guide/syntax.html

vue.js GitHub仓库:https://github.com/yyx990803/vue

Webpack官方网站: http://webpack.github.io

Webpack中文指南:https://www.w3cschool.cn/webpackguide/


目录

官方教程

vue 概述
vue 起步
vue 安装
Vue 实例
vue Class 与 Style 绑定
vue 数据绑定语法
vue 条件渲染
vue 列表渲染
vue 表单控件绑定
vue 组件
vue 计算属性
vue 自定义指令
vue 自定义过滤器
vue 方法与事件处理器
vue 混合
vue 插件
vue 过渡
vue 深入响应式原理
vue 对比其它框架
vue 构建大型应用

vue-router

vue router安装
vue router基本用法
vue router嵌套路由
vue 路由对象和路由匹配
vue router具名路径
vue 路由配置项
router-view
vue router v-link

切换控制流水线

切换钩子函数
data
activate
deactivate
canActivate
canDeactivate
canReuse

API

路由实例属性
router.start
router.stop
router.map
router.on
router.go
router.replace
router.redirect
router.alias
router.beforeEach
router.afterEach

文章

VUE.JS: A (RE)INTRODUCTION
源码

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }