找了个教程，开始是从传统js引入方式来讲，对老而不死的三流野生程序员可能会更友好。
这里是跟着他学的第一课。
在https://cn.vuejs.org/guide/quick-start.html里，通过CDN地址，直接把vue先下载到本地。
然后就是如下代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue1</title>
    <script src="vue.global.js"></script>
</head>
<body>
    
    <div id="app">
        {{msg}}
        <p>{{ web.title }}</p>
        <p>{{ web.url }}</p>
    </div>

<script>

//es6解构方式声明createApp,reactive
const {createApp,reactive} = Vue;

createApp({
    //setup用于设置响应数据和方法等
    setup(){
        const web = reactive({
            title:'Vue第一课',
            url:'http://www.baidu.com'
        })

        return {
            msg:'hello vue',
            web
        }
    }
}).mount('#app')//mount挂载容器


</script>

</body>
</html>

标签: none

评论已关闭