剖析Vue实现原理 - 如何实现双向绑定mvvm

将mvvm项目改造成基于webpack的实现

使用 webpack打包

# npm install webpack webpack-dev-server webpack-merge --save-dev

# npm run build

引入 babel-loader

安装

# npm install babel-core babel-loader babel-preset-env --save-dev

配置

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }]
  ]
}

Usage

# git clone https:/liyanlong/mvvm
# cd mvvm
# npm install
# npm run dev

当前对象

• Observe
• Dep
• Watcher
• MVVM
• Compiler

特别感谢

• DMQ