-
劃分組件：
功能模塊
頁面區(qū)域
查看全部 -
vue.js重要指令
查看全部 -
父組件 向 子組件傳遞信息，在子組件中用props
eg:
父.vue? ?<comp-aa? msgtochild=" father say" />
子.vue? ?props:{? 'msgtochild'? }
? ? ? ? ? ? <p> {{msgtochild }}? </p> 即可顯示父.vue的內(nèi)容‘ father say’查看全部 -
1，安裝搭建環(huán)境
打開命令行工具
sudo npm install -g vue-cli? ?//全局安裝 vue
vue init webpack my-project-name? ?//創(chuàng)建基于webpack的項(xiàng)目 my-project-name
…….安裝提示 執(zhí)行enter 、 yes、no
cd my-project
npm install? (如果提示中已執(zhí)行，則不再執(zhí)行）
npm run dev?
2， vue關(guān)鍵屬性?
?data ---- 頁面中顯示的內(nèi)容
methods --- 頁面中觸發(fā)的函數(shù)
watch --- 監(jiān)聽data中的屬性變化
3，指令---查看文檔即可
v-text? ?v-html? v-bind? v-for v-if v-show? v-on ...
查看全部 -
<!DOCTYPE?html> ?<html> ????<head> ??????????<meta?charset="UTF-8> ??????????<title>Vue實(shí)例</title> ???????????<script?src="vue.min.js"></script>?? ???????????//引用Vue包?? ????</head> ????<body> ???????<div?id="app"> ???????????<p>{{message}}</p> ???????</div> ????</body> ??????<script> ??????????var?Vm=new?Vue({ ????????????el:"#app", ?????????????data:{ ???????????????message:"Hello?Vue!" ?????????????} ??????????}) ??????</script> ?</html>查看全部 -
export default {
? fetch (){
? ? return JSON.parse(window.localStorage.getItem(STORAGE_KEY)
?}?
}
查看全部 -
父組件向子組件傳遞值的方式，通過props:['name']的方式
查看全部 -
vueJS是一種輕量級的MVVM框架，它同時(shí)吸收了react和angular的優(yōu)點(diǎn)，強(qiáng)調(diào)了react組件化的概念，可以輕松的實(shí)現(xiàn)數(shù)據(jù)和展現(xiàn)的分離。也吸收了angular靈活的指令和頁面操作的一些方法。 雙向綁定：在頁面input框（v-model="message"）里面的輸入，會綁定到j(luò)s里面的message上面,js里面的message里面的變動也會體現(xiàn)在調(diào)用這個(gè)message的部分。
查看全部 -
創(chuàng)建元素的時(shí)候，vue會將駝峰形式的標(biāo)簽轉(zhuǎn)化成-橫杠鏈接的形式。。。
查看全部 -
查看全部 -
data 數(shù)據(jù)查看全部
-
注冊組件 大寫名字需要換成中線加小寫 比如：helloWord>>>>>hello-word
查看全部 -
https://blog.csdn.net/weixin_41246577/article/details/79839291
查看全部 -
獲取data里面 都可以用this.xxx來獲取
查看全部 -
如何搭建vue.js環(huán)境
查看全部
舉報(bào)