1. 程式人生 > 其它 >尚矽谷個人筆記之vue的介紹和基本使用

尚矽谷個人筆記之vue的介紹和基本使用

一、vue是什麼?

  

vue的特點:

  

用js寫:

  

二:Vue的使用

  1.直接引入<script>引入

 

裡面有兩個版本一個是開發版本一個是生產版本。

在開發工具引入:

  

安裝vue開發者工具

  

也在資料夾裡面直接放入谷歌瀏覽器就可以了。

全域性配置

Vue.config是一個物件,包含 Vue 的全域性配置。可以在啟動應用之前修改下列 property:

第一個Vue案例:

如下:

指令語法:

資料繫結:

  單向資料繫結:

  

但是在表格裡面的資料變了裡面不會變

  

document.querySelector('input').value

在控制檯中可以看見資料確實是變了

  

雙向繫結:

 

 

粉色的是不能改變的。

  資料繫結總結:
    

    

簡寫:

  

_el和data的兩種用法

      

  

本文來自部落格園,作者:我是一個小倉鼠,轉載請註明原文連結:https://www.cnblogs.com/yongyuankuaile/p/15572788.html