//随笔是HTML5课堂笔记，主要内容来自RUNOOB菜鸟教程和b站视频（学Vue.js看这个就够了）
一、Vue基本内容
每个vue应用都需要通过实例化vue来实现，语法格式：
var wm = new Vue({
// 选项
})
接下来我们将从一段Vue的代码来看看如何编写
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app"> //这里就是view，可以理解为是一个视图框架，具体显示的内容在下面的vue的data里面 <p>{{ message }}</p> </div> <script> new Vue({ el: '#app', //vue构建器有一个el参数，它是DOM元素的id data: { message: 'Hello Vue.js!' //定义数据对象：data用于定义属性；methods用于dingyi函数，可以通过return来返回函数值 } }) </script> </body> </html>
二、vue.js
vue.js使用了基于HTML的模板语句，允许开发者声明式地将DOM绑定至底层vue实例的数据。
·插值
1.文本：数据绑定最常见的形式是使用{{……}}（双大括号）的文本插值
<div id="app" <p>{{message}}</p> </div>
2.HTML：使用v-html指令用于输出html代码
<div id="app"> <div v-html="message"></div> </div> <script> new Vue({ el : 'app' , data:{ message :'<h1>你好</h1>' } }) </script>