-
computed只会在实例中的值发生改变时才会重新计算，实例外的值发生改变不会引起computed的重新计算
查看全部 -
计算属性与监听器
计算属性：computed
监听器：watch 监听一个变量
使用场景
查看全部 -
//跨组件就要用到vuex
查看全部 -
课程的总结
查看全部 -
Home页面只显示两个router-link而没有显示list中的内容，最后破案：
没有在Home页面的ul标签下面加<router-view />
这个问题困扰了我很长时间！破案真开心！
1、要一步步寻找问题出处。2、哪个页面出的问题先仔细查看此页面代码。3、仔细查看与事例代码的差别。
查看全部 -
查询node版本：node -v
查询npm版本：npm -v
全局安装vue-cli工具：npm install -g @vue/cli
查询vue-cli版本：vue --version
进入项目目录，创建项目：
方法一、vue create 项目名
启动运行项目：npm run serve
方法二、vue ui 可视化界面构建项目
功能 -- Router（路由）、Vuex（状态管理） 、CSS Pre-processors （css预编译）、使用配置文件（推荐使用）
工程化项目的目录结构（组件目录、package.json）
查看全部 -
Vue2.0体系
查看全部 -
如何研究别人的产品技术：
1、Chrome查看Dom结构
2、Header/body，查看js/css引用，搜索对应的js库
3、查看sources、network中的js，使用反编与断点进行调试
4、使用仿站小工具
查看全部 -
git命令
git --version查看git版本
git clone github地址 下载复制git项目到本地
git init
ls可查看文件夹
git branch -a 查看目录分支
git branch -D 分支名 删除该分支
touch 文件名 查看文件
git status 查看当前状态
git add 文件名 添加文件
文件名用.替代，代表提交全部文件
git commit -m "..." 添加提交说明
git remove -v 提交代码到仓库
git push origin(仓库名) master(仓库名) 将提交的文件推送到master仓库中
git checkout -b 分支名 创建新分支、切换到某个分支上
git merge 分支名 合并当前分支和指定分支
git reset --hard head^ 退回之前上一次提交的版本
那么如果要回退到上上个版本只需把HEAD^ 改成 HEAD^^ 以此类推
那如果要回退到前100个版本的话，使用上面的方法肯定不方便，我们可以使用下面的简便命令操作：git reset –hard HEAD~100 即可
git log/git reflog 查看项目所有提交版本
git reset --hard HEAD@{4} 回退到第四次commit的版本代码
如果嫌上面显示的信息太多的话，我们可以使用命令 git log --pretty=oneline
查看全部 -
开发工作流
查看全部 -
进行调试vue的几种方法
第一种Vue的chrome插件
console.log() 等价于 console.info()
console.error()
alert() //注意这是阻塞行为
第二种debugger
//断点挂载时，可以在控制台里使用(data变量)this.msg
/*也可以使用methods方法:this.put() */
第三种把vue绑定到window用于调试
mounted() { window.vue = this;} //window.vue代表的就是当前的组件
/*在控制台里使用this.vue.msg和this.vue.put()*/
第四种把实例赋值给变量:let vm = new Vue({})
控制台vm.msg
vm.put()
查看全部 -
//引用公用数据1
msg:store.state.count //引用管理状态 //这个是上面提交修改的数值
引用用数据2：{{this.$store.state.count}}
查看全部 -
单向数据流概念
多个视图依赖于同一个状态（菜单导航）；
来自不同视图的行为要改变同一状态（弹幕）
vuex
是为vue.js开发的状态管理模式
组件状态集中管理
组件状态改变遵循统一的原则
store.js中引入vuex
Vue.use（vuex）
export default new Vuex.Store({
state:{}, 集中管理状态
mutations:{}, 方法集(定义改变状态的一些方法)
action:{}
})
在页面中import store from‘@/store'引入 @代表src目录
在export中引用store，在methods中store.commit（方法）
查看全部 -
组件化带来的问题
查看全部 -
组件如何进行拆分
查看全部
举报