Vue实例简单方法介绍

Vue实例的一些简单方法

<！DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script></head><body><div id="box">{{a}} </div> <script type="text/javascript">var vm = new Vue（{ el:"#box", data:{a:1, },}）;//vm就是实例对象console.log（vm.$el）; //这里就是div元素vm.$el.style.background = "red";console.log（vm.$data）; console.log（vm.$data.a）; //"1"</script></body></html>

手动挂载

var vm = new Vue（{ data:{a:1, },}）;//手动挂载vm.$mount（"#box"）;

或者下面的写法：

var vm = new Vue（{data:{a:1,}, }）.$mount（"#box"）;

var vm = new Vue（{aa:11, //自定义属性 data:{a:1, },}）.$mount（"#box"）; console.log（vm.$options.aa）; //11

上面代码，自定义了属性aa，可以通过vm.$options获取。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。