RUNOOB教程Vue学习笔记day1

原创于 2021-12-12 13:52:53 发布 · 335 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue 专栏收录该内容

3 篇文章

订阅专栏

这篇博客介绍了如何开始使用Vue.js进行前端开发。首先，通过引入vue.min.js文件创建了一个简单的Vue实例，展示了如何在页面中显示动态数据。接着，详细阐述了初始化Vue项目的步骤，包括使用Vue CLI创建项目、运行开发服务器和打包应用。博客还提到了一些关键的开发工具，如Webpack和Babel，以及常见的Vue项目运行和构建命令。

<!DOCTYPE html>
<html>
    <meta charset="utf-8">
    <title>Vue study first day!</title>
    <script src="vue.min.js"></script>
    <head>
        <body>
            <div id="app">
                <p>
                    {{message}}
                </p>
            </div>
        </body>
    </head>
<script>
    new Vue({
        el: '#app',
        data: {
            message: 'hello vue!'
        }
    })

// 安装vue项目脚手架
// npm(/cnpm) -v
// node -v
// webpack -v
// 初始化项目：vue init webpack projectName
// 运行项目：npm run dev
// 打包项目：npm run build
</script>
</html>