nrm ls

1
2
3
4
5
6
7

	npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
* taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/

vue-router

引包vue-router.js

1
2

<script src="./lib/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

vue组件

啥是组件？为了拆分vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来需要什么样的功能，就去调用对应的组件 。

组件化和模块化的不同：

• 模块化：按照代码逻辑来划分成不同的模块，方便代码分层开发，保证每个模块功能的单一。
• 组件化：按照UI界面进行划分，方便UI组件的重用。

vue动画

使用过渡类名实现动画

• v-enter
• v-enter-active
• v-enter-to
• v-leave
• v-leave-active
• v-leave-to

设置动画

品牌案例

• 详见 code 文件夹

vue 调试工具vue-devtools插件的安装和使用

过滤器

• Vue.js允许自定义过滤器，可被用作常见的文本格式化。过滤器用在两个地方：

v-cloak 属性

解决插值表达式闪烁问题

• 在标签中加入v-cloak属性

• 设置v-cloak的样式

Vue介绍

vue作者：尤雨溪

• 09年 angular 13年 reactjs 14年 vue.js诞生
• 核心概念：
  • angular
    • 模块化 （用来细分代码）
    • 双向数据绑定 （脏检测：一个数组（$watch））
  • vue
    • 组件化 （更细分）
    • 双向数据流 (是基于ES5中的 defineProperty 来实现)

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

快速开始

创建一篇新博客

1

$ hexo new "My New Post"

More info: Writing

启动本地服务器

1

$ hexo server

More info: Server

生成静态文件

1

$ hexo generate

More info: Generating

部署到远端

1

$ hexo deploy

More info: Deployment