<一>vue 基礎定義
阿新 • • 發佈：2021-12-11
1、vscode 安裝 open in browser 外掛
安裝完成後在html頁面上點選右鍵就可以選擇瀏覽器打開了。
2、看一個簡單例子
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="app">
{{ message }}
</div>
</body>
<script src="
Vue.js 的核心是一個允許採用簡潔的模板語法來宣告式地將資料渲染進 DOM 的系統。
什麼意思呢，就是vue自動將資料和 DOM 建立了關聯，一個 Vue 應用會將其掛載到一個 DOM 元素上 (對於這個例子是#app
3、定義引數 在一個vue中的data中定義引數集合。支援json 格式
var app = new Vue({ el: '#app', //dom的唯一標誌 data: { //引數集合 message: 'Hello Vue!' } })
4、定義方法 在一個vue中的methods 中定義方法
var app = new Vue({ el:'#app', data: { message: 'Hello Vue!' }, methods: { //定義方法 myFun: function () { alert('Hello Vue!') } } })
5、vue 提供了一些生命週期鉤子函式
var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }, beforeCreate: function(){ //建立前執行 console.log('beforeCreate') }, created: function(){ //建立後執行 console.log('created') },
所有的函式可以點選圖片檢視 鉤子函式圖片
以上就是基礎的一些定義了。