【Vue.js学习】一、Vue.js资源的下载和HelloWorld

【Vue.js学习】一、资源的下载和HelloWorld

一、Vue.js下载

文件下载连接(开发板)

二、编译器准备

推荐使用WebStorm

三、HelloWorld实现

  1. Vue.js编程范式:声明式编程,好处:前后端完全分离
  2. 在Vue.js中,使用let(变量)/const(常量)
  3. 引入Vue.js,编写一个HelloWorld
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>

<div id="app">
    <h2>{{message}}</h2>
    <h1>{{name}}</h1>
</div>

<!--Vue.js编程范式:声明式编程-->
<!--好处:前后端完全分离-->

<script>
    //在Vue.js中,使用let(变量)/const(常量)
    const app = new Vue({
        el:'#app', //用于挂载要管理的元素
        data:{  //定义一些数据
            message:'Hello Vue.js',
            name:'Hello'
        }
    })
</script>

</body>
</html>

ok

发布了28 篇原创文章 · 获赞 4 · 访问量 1319

猜你喜欢

转载自blog.csdn.net/weixin_44100826/article/details/103452060