快速小结:
将vue.js配置到了js的文件夹内,并能正常使用后,开始了第一个vue小程序:输出helloworld

源代码如下:
- html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Titletitle>
- head>
- <body>
-
- <div id="app">
- <h2>{{message}}h2>
- {{name}}
- div>
-
-
- <script src="../js/vue.js">script>
- <script>
- const app= new Vue({
- //此编程范式:声明式编程,达到数据与界面完全分离,更为常用
- //之前js的 是命令式编程
- el:"#app",//el属性决定挂载的元素
- data: {//定义数据
- message:"HelloWorld!",
- name:"这是一个名字"
- }
- })
-
- script>
- body>
- html>
运行结果:

控制台修改message内容:
