Vue—Hello案例

糖醋小排顾。

于 2023-01-20 21:17:32 发布

阅读量91

点赞数 1

分类专栏： Vue学习文章标签： vue Powered by 金山文档

本文链接：https://blog.csdn.net/Guuiabc/article/details/128743842

版权

Vue学习专栏收录该内容

63 篇文章 0 订阅

订阅专栏

 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>