vue快速使用

1、引用指令碼

vm.＄data === data // => true

vm.＄el === document.getelementbyid('example') // => true
例項：使用srcipt做法

doctype html

>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>
title
>
head
>
<
body
>
<
div 
id="example-1"
>
<
ul>
<
li v-for
="item in items"
>
} 
li>
ul>
<
input 
v-model
="inpu"
/>
<
span
>}
span
>
<
button 
type
="button"
onclick
="destroy()"
>銷毀
button
>
div>
body
>
<
script 
src=""
>
script
>
<
script
>
varexample1 
=new
vue(,
],inpu:0},
//建立前
beforecreate:
function
(), 
//建立後
created:
function
(), 
//掛載前
beforemount:
function
(), 
//掛載後
mounted:
function
(), 
//例項更新前
beforeupdate:
function
(), 
//例項更新後
updated:
function
(), 
//例項銷毀前
beforedestroy:
function
(), 
//例項銷毀後
destroyed:
function
(), 
//定義方法
methods: )}}
},computed: ,
ss:function
() },
watch:}})
function
destroy()
script
>
html
>

生命週期詳細：

執行結果：

使用export方法

執行結果

Vue 在Vue中快速使用ElementUI

最近使用vue，順道使用elementui，在vue專案中音容elementui的方法 idea開啟termianl，在vue專案中使用npm安裝 1.安裝 npm install element ui s2.引入 1 整體引入 在專案的main.js中寫入 import elementui fro...

vue的安裝及使用快速入門

1.安裝node.js 建議安裝穩定版本，安裝完成可以使用 node v命令來檢視有沒有安裝成功及版本號 2.如果安裝速度太慢，可以安裝 映象 npm install g cnpm registry 3.安裝vue cnpm install vue 4.全域性安裝腳手架 vue cli cnpm i...

使用vue腳手架快速建立vue專案 入門

為了方便，以下操作大多數中命令列中執行，window可以用cmd,powershell,gitbash等。檢視node和npm的版本 直接用命令列分別執行下邊命令，出現如圖，就說明安裝完成 npm的伺服器在國外，為了方便，建設安裝cnpm npm install g cnpm registry cn...