VUE:手写vue源码-模板解析(*****五颗星)

注意:

Node.childNodes 返回包含指定节点的子节点的集合,该集合为即时更新的集合

nodeType 属性可用来区分不同类型的节点,比如 元素, 文本 和 注释。

Node 接口的 textContent 属性表示一个节点及其后代的文本内容。

str.replace(regexp,function(str,正则匹配的字符串))一个用来创建新子字符串的函数,该函数的返回值将替换掉第一个参数匹配到的结果

1.手写vue源码-模板解析

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手写vue模板解析</title>
</head>
<body>
    <div id="app">
        <h1>{{ str }} <span>啦啦啦</span></h1>
        {{str}}
        <p>{{a}}</p>
    </div>
    <script type="text/javascript" src="newvue.js"></script>
    <script type="text/javascript

剩余60%内容,订阅专栏后可继续查看/也可单篇购买

前端面试题 文章被收录于专栏

前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理

全部评论
膜拜大佬,又是被大佬折服的一天
点赞 回复 分享
发布于 2023-03-17 14:18 湖南
真的要手撕代码?!😂
点赞 回复 分享
发布于 2023-03-17 14:21 陕西

相关推荐

评论
2
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务