xiao-you-transform-v3

1.0.5 • Public • Published

xiao-you-transform-v3

description

一个用来将字符串 Dom 节点转换成 Vue3 虚拟节点的库

A library use for make string HTML node transform Vue3 virtual Node

Install

npm i xiao-you-transform-v3

Use

Template Transfrom Node

import { templateTransformNodes } from 'xiao-you-transform-v3'

const template:string = `<div id="root"><span><i><b>11</b></i></span></div>`

const node = templateTransformNodes(template)
// node = HTML NODE

Node Transfrom VNodes

import {
    templateTransformNodes,
    nodesTransformVNodes
} from 'xiao-you-transform-v3'

const template:string = `<div id="root"><span><i><b>11</b></i></span></div>`

const nodes = templateTransformNodes(template)
// node = HTML NODE

const VNodes = nodesTransformVNodes(nodes)

// Use In Vue3

// 1. Use In Setup Function
setup(){
    return VNodes
}

//2. Use In Render Function

render(){
    return VNodes
}

Package Sidebar

Install

npm i xiao-you-transform-v3

Homepage

fuyouplus.cn

Weekly Downloads

1

Version

1.0.5

License

MIT

Unpacked Size

7.97 kB

Total Files

11

Last publish

Collaborators

  • fzd2383155523