vue3实践(1):学习模板

最新推荐文章于 2022-03-19 12:55:48 发布

原创最新推荐文章于 2022-03-19 12:55:48 发布 · 229 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #VUE3

Vue 3.0 同时被 2 个专栏收录

101 篇文章

订阅专栏

vue.js

85 篇文章

订阅专栏

这篇博客介绍了如何使用Vue.js进行快速上手。通过从CDN引入Vue.js最新版本，创建了一个简单的应用实例，展示了如何绑定数据到DOM元素。作者建议在实际生产环境中指定Vue版本以避免新版可能带来的问题。

刚学习的话建议从cdn上手了

<!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">
    <script src="https://unpkg.com/vue@next"></script>
    <title>Document</title>
</head>
<body>

    <div id="app">
        <div>姓名:{{name}}</div>
        <div>年龄:{{age}}</div>
    </div>

    <script>
      
        Vue.createApp({
            setup(){
                let name = '张三';
                let age = 17;
                return{
                    name,
                    age
                }
            }
        }).mount('#app')
        
    </script>


</body>
</html>