Vue 初学习 各类方法实现(一)

69 阅读1分钟

一、引入vue库

www.bootcdn.cn/ (下载Vue地址)

二、实例化

new Vue({})

三、作用域

el:选择器 $mount(选择器)

四、数据绑定

{{}}和 v-text/v-html指令 相当于innerText/innerHtml

五、双向绑定 1.双向绑定指令 v-model 直接绑定数据对象 2.常用的指令

  .trim 删除数据两边的空格
  .lazy 懒更新 当光标移出时再刷新
  .number 仅输入数字(有bug)  通过改变input的type的值解决 将type="text"改成type="number"

const vue = new Vue({
  el:选择器,
  data:{
  Name:张三,
  age:16     
  }
})