-
认识vue-cli工具,vue代码规范
查看全部 -
框架常用知识点
认识vue 应用fff
模块语法 v-bind 属性绑定 事件绑定
查看全部 -
易用 灵活 高效
查看全部 -
git使用全过程
查看全部 -
Chrome调试查看DOM结构
Header,Body里面查看js/css引用,搜索相应的js库
查看sources,network中的js,使用反编与断点进行调试
查看全部 -
第一种:vue的chrome扩展插件;
第二种 :在methods中用console.log,alert(),debugger;
第三种:在mounted中绑定window.vue=this;
第四种:在cdn方式引入vue时,将vue实例化,即vm实例:var app=new Vue();
查看全部 -
1、安装vuex
2、使用vuex
3、定义state(状态)、mutations(方法)
4、组件中引用store文件
5、default使用store
6、store.commit
查看全部 -
vue代码规范
1、好习惯,少走坑
2、写出自己看得懂的代码
3、写出别人看得懂的代码
查看全部 -
组件化问题:
1、组件状态管理(vuex)
2、多组件的混合使用、多页面复杂业务(vue-router)
3、组件之间的传参、消息、事件管理(props,emit/on,bus)
查看全部 -
框架总汇图
查看全部 -
git 回退上一版本
查看全部 -
google浏览器下载vue调试工具的网址
https://chrome-extension-downloader.com
extension ID:
nhdogjmejiglipccpnnnanhbledajbpd
查看全部 -
1、条件渲染
v-if v-else v-else-if
<div v-for='item in list'> <div v-show="item.age > 29" v-bind:style='style'> {{item.name}} </div> </div> <script> new Vue({ el:'#app', data:{ msg:'Hello Vue', styleMsg:{ color:'red', text-shadow:'radius' }}, list:[{ name:'liwei', age:29 },{ name:'小张', age:30 }] }) </script>
查看全部 -
vuex 是不同组建直接建立关系 链接查看全部
-
1、计算属性:computed
2、侦听器:watch
3、使用场景介绍,watch(异步场景),computed(数据联动)
查看全部
举报