普歌-云言团队-vue-vue入门

vue用于构建用户界面的渐进式框架 官方网站: https://cn.vuejs.org 1.创建html页面, 使用vscode快捷键(!)生成html代码 2.先引入vue的js文件, 类似于jquery

<script src="vue.min.js" ></script>

3.在html页面添加一个div标签, div添加id属性(为了显示内容)

<div id="app"></div>

4.编写vue代码, 固定的解构

<script> // 创建一个vue对象 new Vue({ el: '#app',//绑定vue作用的范围 data: {//定义页面中显示的模型数据 message: 'Hello Vue!' } }) </script>

5.使用插值表达式, 获取data里面定义值 {{名称}}