vue選項資料：
data computed methods
在src-pages下新建目錄demo2，目錄中新建index.vue
<template>
<div>選項資料<div>
<div>---------------------------------</div>
</template>
<script>
export default{
data(){
}
}
</script>
在router-index.js中添加路由
然后代碼報錯了 Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead
意思就是說在模版里只能有一個主div（根物件），如果有多個元素，請用一個主div包含他們
改成這樣就行了
data是全域變數的定義
computed是物件，里面可以定義各種函式
methods也是一個物件，里面可以定義各種函式
這里面的函式一般是給事件來用的
vue模板語法：
模板中可以直接嵌入js語法
指令：
v-html 系結的內容會變成當前元素的子元素
v-bind 屬性動態化
v-on 系結事件（簡寫可以直接用@代替）
v-html
v-bind
v-on
過濾器
在filters物件中寫過濾器函式
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/138136.html
標籤：JavaScript
上一篇：逆戰班-JS的形參與實參