Vue day01

<h1>{{msg}}</h1>
<script src="../../lib/vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      msg: 'hello Vue.js'
    },
    methods
  })
</script>

Vue模板语法

1.用法
内容： 必须加 {{ js语法 }}
 属性:  属性中属性值可以直接写js语法，并且属性值中的数据相当于全局变量
 2.js的支持性
 （1）.模板语法
	支持大部分的js数据类型除了，undefined，null。
	挂载在window身上的全局属性，我们都不能用的： 比如; console  alert 
 （2）.指令
 1. v-html   转义输出，也就是可以解析 xml 数据
 2. v-text： 非转义输出，也就是无法解析  xml 类型数据
 3. v-bind ：将数据和属性进行单向数据绑定： 将vue中数据赋值给属性值
  （3）.条件渲染
  1. v-if 
  2. 2. v-else-if
  3. 3. v-else
  4. 4. v-show 条件展示
  （4）.列表渲染
  v-for 指令
  （5）.事件处理器
  v-on
  （6）.表单控件绑定
  v-model