filters:
}
vue.filter('touc',function
(input))
login>
div>
body>
// 定義元件
var logincomponent = vue.extend()
// 註冊元件
vue.component('login',logincomponent);
var vm = new vue()
script>
login>
div>
body>
// 定義元件並註冊
vue.component('login',
},data : function
() }
});var vm = new vue()
script>
id="templateid">
使用者名稱:type="text"
v-model="username">
br>密碼: type = "password">
br>
v-on:click="login">註冊button>
div>
template>
login>
div>
body>
// 定義元件並註冊
vue.component('login',
},data : function
() }
});var vm = new vue()
script>
type="text/html"
id="templateid">
使用者名稱:type="text"
v-model="username">
br>密碼: type = "password">
br>
v-on:click="login">註冊button>
div>
script>
login>
div>
body>
// 定義元件並註冊
vue.component('login',
},data : function
() }
});var vm = new vue()
script>
router-view> //展示部分
body>
const router = new vuerouter(,
]})new vue()
script>
// 程式設計式導航
this.$router.push(})
// 定義匹配路由
,
// 程式設計式導航
this.$router.push(})
// 定義匹配路由
"textarearef">div>
this.$refs.textarearef.value = "";
// 父元件中
"timer">subswipe>
// 子元件中不限制型別
props ["lunbo_time"]
// 子元件中限制型別
export default }}
}
// 父元件html中
"receivesubnumbercount"> subnumber>
methods:
}// 子元件中
this.$emit('numchange', 1);
// 非父子間傳遞資料要共用同乙個vue例項物件
// 傳遞方
bus.$emit('sendnumber',1);
// 接收方
bus.$on('sendnumber',(count)=>);
// 根元件
new vue(
})// 子元件裡訪問
this.$root.bus
前端vue規範自用
1.元件名name 倆個單詞開頭大寫 2.元件檔名 命名my component.vue 3 基礎元件，很多地方需要用到 base button.vue base icon.vue 4 和父元件緊密耦合的子元件應該以父元件名作為字首命名 todo list.vue todo list item bu...
vue專案建立（自用）
官網 npm install g vue cli 或 yarn global add vue cli 3.安裝vue cli包 npm install g vue cli 或 yarn global add vue cli 4.建立vue專案 1 vue cli2 初始化專案建立專案命令列 vue ...
shiro學習筆記（自用）
1.獲取當前的 subject.呼叫 securityutils.getsubject 2.測試當前的使用者是否已經被認證.即是否已經登入.呼叫 subject 的 isauthenticated 3.若沒有被認證,則把使用者名稱和密碼封裝為 usernamepasswordtoken 物件 1 建...