| 
这里使用官方文档的cdn <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
1、编写一个html，第一个vue程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> </head><body><!--view层 模板--><div id="app"> {{message}}</div> <!--导入vue.js--><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <script> var vm = new Vue({ el:"#app", //model：数据 data:{ message:"hello,vue" } }); </script> </body></html>
注意视图模板和数据View视图 Model模型 ViewModel：双向绑定就是 你们前端数据改变 你们data中的数据也会改变 
可以在页面不刷新的情况下改变数据然后同步到前端显示 
判断循环
事件
787原则学习vue我们必须知道它的7个属性，8个 方法，以及7个指令
el属性用来指示vue编译器从什么地方开始解析 vue的语法，可以说是一个占位符。
data属性用来组织从view中抽象出来的属性，可以说将视图的数据抽象出来存放在data中。
template属性用来设置模板，会替换页面元素，包括占位符。
methods属性放置页面中的业务逻辑，js方法一般都放置在methods中
render属性创建真正的Virtual Dom
computed属性用来计算
watch属性watch:function(new,old){}监听data中数据的变化 两个参数，一个返回新值，一个返回旧值 以上就是学习笔记vue的第一个程序的详细内容，更多关于vue程序的资料请关注wanshiok.com其它相关文章！
vue实现表单验证功能
JavaScript中BOM和DOM详解 |
