Vue学习笔记

最新推荐文章于 2024-10-18 15:58:53 发布

pikayin

最新推荐文章于 2024-10-18 15:58:53 发布

阅读量389

点赞数

文章标签： vue.js 学习 javascript

本文链接：https://blog.csdn.net/pikayin/article/details/123296176

版权

el和data的两种写法：

data第二种函数式常用！

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>el和data的两种写法</title>
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        <div id="root">
            <h1>你好,{{name}}</h1>
        </div>
    </body>
    <script type="text/javascript">
        const v=new Vue({
            //el:'#root',el第一种
            /*data:{
                name:'尹木星辰'  data的第一种写法
            }*/
            data()
            {return {name:'尹木星辰'}}//data的第二种，函数式
        })
        console.log(v)
        
        setTimeout(() => {
            v.$mount('#root')//el的第二种，更加灵活
        }, 1000);  //等一秒钟刷新出数据    
    </script>
</html>