-
开发环境：IDE、 Node.js、 调试环境、 工程环境
查看全部 -
如何集成Vue?
单页面，多页面引入Vue.js
复杂单页面应用Vue cli工具
开发工作流：
需求调研（确定需求）
交互设计、逻辑设计、接口设计
代码实现、测试运行、线上部署
git简介：
创建项目git clone，git init
创建分支，推送分支，合并分支
删除分支、回退版本
git --version : 查看git的版本
git clone 项目地址.git : 克隆下载代码到本地
git status：查看项目的状态信息
git branch -a：查看项目的所有分支信息
touch test.txt：创建文件
git add . ：把所有本地文件添加到待处理待提交的状态
git commit -m “提交注释”:添加本次提交的注释信息
git remote -v：查看推送到的地方，也就是你将会推送到的远程仓库地址
git push origin master : 推送到远程主干分支上
git checkout -b 新的分支： 新建并切换到新的开发分支上
git push origin dev : 推送到开发分支dev上
git branck master: 切换到master分支上
git merge dev: 将开发分支dev代码合并到master上，在合并之前要切换到master分支下
git branch -D dev: 删除开发分支dev
git push origin :dev: 删除远程dev分支。本地开发分支dev删除之后，需要把远程仓库的dev也要删除
git reset --hard head^ : 回退到上一个版本
git reset --hard head^^ : 回退到上上一个版本
git log/reflog: 查看git提交日志
git reset --hard git提交id : 回退到指定的版本
查看全部 -
vue调试
1、console.log、console.error 、alter（）
2、debugger（断点调试），当处于断点状态时，可以直接在命令行中对当前组件的属性进行调试。
在使用断点调试时，只需要在需要调试的代码处添加debugger关键词就可以了
3、在vm实例中的mounted(){}中，绑定window.vue=this;
例如调试output()。 在控制台输入window.vue.output()
查看全部 -
store.js中引入了vue和vuex；然后Vue.use(Vuex)
state中记录的是组件状态，进行集中管理；
mutations是唯一可以改变集中状态的方法集的定义；
在页面xxx.vue文件中使用vuex时，需要在<scrip></script>中引入vuex，引入的方法：import store from '@/store'
在传递状态的视图组件中import store from '@/store';//@符号代表src目录
传递过去的状态名称在state中定义；在mutations中定义一个方法，对状态进行改变；在触发状态改变的视图组件中使用store.commit('mutation')进行状态改变触发
在需要接收状态改变的视图组件中先import store from '@/store';然后使用store.state.name可以直接引用被更改了的状态
查看全部 -
关于vuex
Vuex是为Vue.js开发的状态管理模式
页面由视图组成，用户操作会带来状态的变化，状态的变化会导致视图的更新
多个视图依赖于同一状态（例如菜单导航）
来自不同视图的行为需要变更同一状态（例如评论弹幕）
---Vuex是为Vue.js开发的状态管理模式
组件状态集中管理，组件状态改变遵循统一规则
查看全部 -
routes对应的路由配置包含：
path为路由路径'/'为根目录；
name为路由的名称;
component对应的是引入的具体组件
app.vue文件为项目界面结构，其中<router-link to="/">title</router-link>为路由切换标签，<router-view/>则显示当前的路由组件视图；
在src目录下的views下新建新的xxx.vue组件；
在router.js文件中添加新的xxx.vue组件信息；
在App.vue中，通过<router-link>标签来添加新的组件的link地址；
查看全部 -
Vue代码风格指南：
查看全部 -
为什么要组件化：
实现功能模块的复用
高效执行
开发单页面复杂应用
如何进行拆分：
1.300行原则
2.复用原则
3.业务复杂性原则
组件化问题：
1、组件状态管理（vuex）
2、多组件的混合使用、多页面复杂业务（vue-router）
3、组件之间的传参、消息、事件管理（props,emit/on,bus）
查看全部 -
组件的三个特点：独立性，可复用性，完整性
解决组件化带来的问题的方式：vuex进行组件间的状态管理，vue-router组件间的路由管理；还有组件间的传参、消息、事件管理
查看全部 -
el,data,methods,是平行的，methods不要写到data里面去。 <script> new Vue({ el: '#bg2', data: { bg3:'app-bind', msg: 'hello vue!', varNum: 58, template: '<div>this is template<div>', url: 'http://www.baidu.com', }, methods:{ submit:function () { this.varNum ++ } } }) </script>查看全部 -
本地删除
git branch -D dev
远程删除
git branch -a //显示远程分支
git push orign :dev
查看全部 -
合并分支
git merge dev
查看全部 -
查看分支数
git branch -a
查看全部 -
创建新的分支 名称叫着dev
git checkout -b dev
查看全部 -
git remote -v 查看远程分支
git branch -a 查看分支
git checkout -b zzzz 创建分支zzzz，并切换到zzzz分支
创建文件后。、。。。。git push origin zzzz提交到zzzz分支
git checkout master 切换到主分支
git merge zzzz 将zzzz合并到主分支
git push origin master 将合并后的文件提交到主分支
git branch -D zzzz删除本地zzzz分支
git push origin :zzzz删除远程zzzz分支，冒号前边有空格，表示本地空的name
git reset --hard head^ 退回到上一版本
git log 或 git reflog 查看提交历史
git reset --hard 版本号 ，回退到某一次版本
查看全部
举报