Vue—Hello案例

最新推荐文章于 2023-02-03 13:44:57 发布

原创最新推荐文章于 2023-02-03 13:44:57 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue学习专栏收录该内容

63 篇文章

订阅专栏

 const x=new Vue({
            el:'#root'//e1用于指定当前的Vue实例为哪个容器，值通常为css选择器字符串
        })

#选中的是id
.选中的是class


<body>
    <div id="root">
        <h1>hello,{{name}}</h1><!--插值语法-->
    </div>


    <script type="text/javascript">
        Vue.config.productionTip=false//阻止vue在启动时生成生产提示
        new Vue({
            el:'#root',//e1用于指定当前的Vue实例为哪个容器，值通常为css选择器字符串
            data:{//data中用于存储数据，数据给指定的el去使用，值我们暂时先写成对象
                name:'浙江**大学'
            }
        })
        
    </script>
</body>