vue初步使用

Posted 2022-10-02 zhangcheng001

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue初步使用相关的知识，希望对你有一定的参考价值。

　　vue是构建前端视图的框架

　　引入vue.js文件

　　下文代码输出到页面

　　　　技术图片

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Vue</title>
    <!-- 引入vue -->
    <script src="vue.js"></script>
</head>

<body>
    <div id="test">
        <p style="color: #f40">a</p>
        <p style="color: #0f0">b</p>
    </div>

    <script>
        new Vue(
            el: ‘#test‘,
            data: 
                a: ‘vue测试1‘,
                b:‘vue测试2‘,
            
        )
    </script>
</body>

</html>

以上是关于vue初步使用的主要内容，如果未能解决你的问题，请参考以下文章

vue中初步使用store缓存获取当前登录用户id