虚拟DOM之Snabbdom的使用

Snabbdom是一个虚拟DOM库。 

parcel是一个打包工具，使用非常简单，0配置。

创建Snabbdom项目结构的基本步骤：

//创建项目目录
md snabbdom-demo
//进入项目
cd snabbdome-demo
//创建package.json
npm init或yarn init -y
//本地安装parcel-bundler
npm install parcel-bundler或yarn add parcel-bundler
//在package.json文件中，script项配置启动命令和打包命令
"script":{
    "dev":"parcel index.html --open",//如果要浏览器自动打开的话就加上--open
    "build":"parcel build index.html"//index.html是入口文件
}

开始写项目的基本步骤：

//安装snabbdom
npm install snabbdom --save或yarn add snabbdom
//注意新版本似乎有问题，引入以后报错，所以安装的时候可以安装0.7版本的
npm install snabbdom@0.7.0

//引入snabbdom
import {h,thunk,init} from "snabbdom";
//注意snabbdom是使用export导出的，所以没办法不写{},而且看源码，它一共导出了三个方法。
//不过使用requie的方式导入的话，可以写成const snabbdom=require("snabbdom"),至于为什么require可以，具体见ES6和CommonJS模块化的差异</