-
新闻列表-查看详情页
查看全部 -
新闻列表页-有内容
查看全部 -
添加内容页
查看全部 -
个人中心页
查看全部 -
登陆后页面-新闻列表页
查看全部 -
点击注册页面
查看全部 -
实战页面1
查看全部 -
项目打包命令：npm run build
可在工程目录下创建vue.config.js文件来对项目打包如webpack进行配置，参考vue-cli文档
查看全部 -
将数据存入浏览器本地缓存中localStorage.setItem('key',value)
在控制台输入localStorage即可查看当前的localStorage中存储的值
localStorage.clear()清空localStorage中存储的数据
localStorage.getItem('key')取得localStorage中的键名为key的值
在vue组件中使用scss方式书写css，需要在style标签中将lang属性的值设置为scss
scss书写方式可以在选择器内部直接加入选择器
vue组件中使用linkActiveClass来管理路由link的选中状态，写法为{'linkActiveClass':'active'}，表示路由link被选中状态的时候class为active
在sass语法中，在选择器内部使用&符号代表父级选择器
查看全部 -
配置router文件，需要先引入视图组件，然后在componet中调用
路由项中配置children:[]来配置子路由，二级路由
懒加载方式？
在视图组件中使用<router-link :to="{name:'name'}">标题</router-link>标签来进行路由部署
直接在methods中使用this.$router.push('/home/list')进行路由跳转
在store中使用vuex进行跨组件传递值，state中放入需要集中管理的值lists，在mutations中写入管理值的方法，方法的两个参数为state和value，方法中使用state.lists.push(value)，将值push到state中，然后在发起内容变更的组件中使用store.commit('mutation',value)，来将变化的数据value传递到组件数据管理中心的state中
在接收数据变化的组件页面使用store.state.lists来绑定值，使用computed进行监听
查看全部 -
chrome调试工具中，sources标签下可以点击{}对压缩的静态文件格式化
查看全部 -
vue serve xxx.vue可以快速调试xxx组件文件
data中的另外一个写法：data(){return{key:value}}
v-for的写法:v-for="(item,index) in lists" :key="index"
查看全部 -
查看git版本：git --version
从远程从库克隆项目：git clone
查看分支情况：git branch -a
推送本地当前分支到origin远程master分支：git push origin master
创建新的分支name并切换到：git checkout -b name
从当前分支切换到master分支：git checkout master
合并分支name到当前分支：git merge name，然后使用git add commit提交更新
删除本地分支name：git branch -D name
删除远程分支name：git push origin :name//冒号前留空代表本地空推送到远程name分支
退回到上一个提交版本：git reset --hard head^
查看版本日志：git log、git reflog
退回到之前的某个id版本：git reset --hard id
查看全部 -
开发工作流
查看全部 -
调试方法：
1、console.log、console.error
2、alert();阻塞式调试
3、代码中使用关键词debugger（断点调试），当处于断点状态时，可以直接在命令行中对当前组件的属性进行调试
4、chrome的network选项卡中可以使用slow 3G控制带宽测试，xhr即为请求
5、在mounted生命周期中将this绑定到window.vue对象上面，则window.vue代表的即是当前绑定的组件
查看全部
举报