Vue實(shí)例簡(jiǎn)單方法介紹

發(fā)布時(shí)間：2020-09-23 07:34:37 來(lái)源：腳本之家閱讀：144 作者：github_26672553 欄目：web開(kāi)發(fā)

Vue實(shí)例的一些簡(jiǎn)單方法

<!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就是實(shí)例對(duì)象
  console.log(vm.$el); //這里就是div元素
  vm.$el.style.background = 'red';
  console.log(vm.$data); 
  console.log(vm.$data.a); //'1' 
 </script>
</body>
</html>

手動(dòng)掛載

  var vm = new Vue({
   data:{
    a:1,
   },
  });

  //手動(dòng)掛載
  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，可以通過(guò)vm.$options獲取。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

Vue實(shí)例簡(jiǎn)單方法介紹

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽