-
劃分組件：
功能模塊
頁面區域
查看全部 -
vue.js重要指令
查看全部 -
父組件 向 子組件傳遞信息，在子組件中用props
eg:
父.vue? ?<comp-aa? msgtochild=" father say" />
子.vue? ?props:{? 'msgtochild'? }
? ? ? ? ? ? <p> {{msgtochild }}? </p> 即可顯示父.vue的內容‘ father say’查看全部 -
1，安裝搭建環境
打開命令行工具
sudo npm install -g vue-cli? ?//全局安裝 vue
vue init webpack my-project-name? ?//創建基于webpack的項目 my-project-name
…….安裝提示 執行enter 、 yes、no
cd my-project
npm install? (如果提示中已執行，則不再執行）
npm run dev?
2， vue關鍵屬性?
?data ---- 頁面中顯示的內容
methods --- 頁面中觸發的函數
watch --- 監聽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實例</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框架，它同時吸收了react和angular的優點，強調了react組件化的概念，可以輕松的實現數據和展現的分離。也吸收了angular靈活的指令和頁面操作的一些方法。 雙向綁定：在頁面input框（v-model="message"）里面的輸入，會綁定到js里面的message上面,js里面的message里面的變動也會體現在調用這個message的部分。
查看全部 -
創建元素的時候，vue會將駝峰形式的標簽轉化成-橫杠鏈接的形式。。。
查看全部 -
查看全部 -
data 數據查看全部
-
注冊組件 大寫名字需要換成中線加小寫 比如：helloWord>>>>>hello-word
查看全部 -
https://blog.csdn.net/weixin_41246577/article/details/79839291
查看全部 -
獲取data里面 都可以用this.xxx來獲取
查看全部 -
如何搭建vue.js環境
查看全部
舉報