-
git提交
查看全部 -
vue相關(guān)知識點
查看全部 -
vue2.0?知識體系圖
查看全部 -
重點第三章，第四章，其他可忽略
查看全部 -
查看別人的web界面
chorme 調(diào)試查看DOM結(jié)構(gòu)
Header，Body里面看js/css引用，搜索相應(yīng)的js庫
查看source、network中的js，使用反編譯與斷點進(jìn)行調(diào)試
查看全部 -
git 簡介：
創(chuàng)建git項目，git clone，git init
創(chuàng)建分支：
? ? 創(chuàng)建本地分支：git checkout -b xxx
????查看分支：git branch 或者 git branch -a
推送分支：
????查看本地文件：ls，
????查看未跟蹤的文件：git status
????提交全部文件：git add .
????提交某個文件：git add xxx
????提交文件的說明：git commit -m “提交的說明......”
????提交到遠(yuǎn)端某個分支：git push origin xxx
????查看遠(yuǎn)端的所有分支：git status -a
切換分支：
????git checkout xxx
合并分支
????git merge xxx
刪除分支：
? ? 1、刪除本地分支： git branch -D dev
????2、刪除遠(yuǎn)端分支：git push origin :dev
回退分支：
????1、查看git提交分支記錄：git log 或者 git relog?
????2、回退到某個分支：git reset --hard xxx
查看全部 -
開發(fā)工作流
需求調(diào)研（確定需求）
交互、邏輯、接口設(shè)計
代碼實現(xiàn)、測試上線、線上部署
查看全部 -
什么是組件化：獨立的，可復(fù)用的，整體化的 。
為什么要組件化：1.實現(xiàn)功能模塊的復(fù)用 2.高效執(zhí)行 3.開發(fā)單頁面復(fù)雜應(yīng)用
如何進(jìn)行拆分：1.300行原則 2.復(fù)用原則 3.業(yè)務(wù)復(fù)雜性原則
組件帶的問題：1.組件狀態(tài)管理（vuex）2.多組件的混合使用，多頁面，復(fù)雜業(yè)務(wù)（vue-router）3.組件間的傳參，消息，事件管理（props，emit/on，bus）
查看全部 -
進(jìn)入到項目目錄中
npm?run?build?打包
生成dist文件夾，把dist放到服務(wù)器中就可以了
查看全部 -
npm i -g vue-cli
查看全部 -
<div id="app">
? <input type="text" v-model="childrens.name" />
? <input type="text" v-model="lastName" />
</div>
<script type="text/javascript">
? var vm = new Vue( {
? ? el: '#app',
? ? data: {
? ? ? childrens: {
? ? ? ? name: '小強(qiáng)',
? ? ? ? age: 20,
? ? ? ? sex: '男'
? ? ? },
? ? ? tdArray:["1","2"],
? ? ? lastName:"張三"
? ? },
? ? watch:{
? ? ? childrens:{
? ? ? ? handler:function(val,oldval){
? ? ? ? ? console.log(val.name)
? ? ? ? },
? ? ? ? deep:true//對象內(nèi)部的屬性監(jiān)聽，也叫深度監(jiān)聽
? ? ? },
? ? ? 'childrens.name':function(val,oldval){
? ? ? ? console.log(val+"aaa")
? ? ? },//鍵路徑必須加上引號
? ? ? lastName:function(val,oldval){
? ? ? ? console.log(this.lastName)
? ? ? }
? ? },//以V-model綁定數(shù)據(jù)時使用的數(shù)據(jù)變化監(jiān)測
? } );
? vm.$watch("lastName",function(val,oldval){
? ? console.log(val)
? })//主動調(diào)用$watch方法來進(jìn)行數(shù)據(jù)監(jiān)測
</script>
</body>
數(shù)組的變化，不需要深度watch。
查看全部 -
<template>
? <div>
? ? <el-input v-model="demo.name"></el-input>
? ? {{value}}
? </div>
</template>
<script>
? export default {
? ? name: 'index',
? ? data() {
? ? ? return {
? ? ? ? demo: {
? ? ? ? ? name: ''
? ? ? ? },
? ? ? ? value: ''
? ? ? };
? ? },
? ? computed: {
? ? ? newName() {
? ? ? ? return this.demo.name;
? ? ? }
? ? },
? ? watch: {
? ? ? newName(val) {
? ? ? ? this.value = val;
? ? ? }
? ? }
? };
</script>
如果watch監(jiān)測的是一個對象的話，直接使用watch是不行的，此時我們可以借助于computed計算屬性來完成。
查看全部 -
通過watch來直接監(jiān)測demo，如果demo的值變化，value的值也會跟著一起變化。
查看全部 -
<template>
? <div>
? ? <el-input v-model="demo"></el-input>
? ? {{value}}
? </div>
</template>
<script>
? export default {
? ? name: 'index',
? ? data() {
? ? ? return {
? ? ? ? demo: '',
? ? ? ? value: ''
? ? ? };
? ? },
? ? watch: {
? ? ? demo(val) {
? ? ? ? this.value = this.demo;
? ? ? }
? ? }
? };
</script>
查看全部 -
vue入門 框架圖介紹
查看全部
舉報