Vue基础

Vue介绍
vue特点:

• 数据驱动视图>修改数据>视图修改 (不需要操作dom)
• 双向数据绑定—>表单数据
• 使用M-V-VM 开发思想
• 不支持IE8 以下 ,包含IE8

M-V-VM 开发思想具体详解: 看下图

Vue基础体验

<div id="app">
<p>
  {{message}}
</p>
</div>
<script>
const message = 'hi vue'
const vm = new({
  el:'#app',
  data:{message}
})
</script>

vue-选项-el

• 作用：指定管理的视图区域
• 指定方式：通过选择器 或者 dom对象
• 不能指定 body html 标签做为视图

vue-选项-data

• 作用 指定vm中的响应式数据
• 注意：数据的使用需要提前申明

vue-选项-methods

• 作用：定义函数 提供给vm实例去使用
• 注意：fn(){} 推荐写法 不推荐使用箭头函数
• 函数中的this就是vm实例