-
vm实例 window对象查看全部
-
output查看全部
-
debugger 调式查看全部
-
课程知识点目录
查看全部 -
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div class="bg"> hello world!! </br> {{msg}} </div> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script> var app = new Vue({ el: '#app', data: { msg: "勇士西部总冠军", count: 0, }, watch: { //监听函数值改变它所监听的值，其他的值它不会去做处理 msg: function (newVal,oldVal) { console.log('newVal', newVal); console.log('oldVal', oldVal); } }, computed: { msg1: function () { return 'computed' + this.msg; //这里的值，指最后app里面的data的msg的值 } } }) </script> </body> </html>查看全部 -
Vue框架图
查看全部 -
git简介
查看全部 -
开发工作流
查看全部 -
常用调试方法
查看全部 -
1.单向数据流概念 Views --> Actions --> State -->回到Views
2.Vuex常用的场景举例：
多个视图依赖于统一状态（例：菜单导航）
来自不同视图的行为需要变更同一状态（例：评论弹幕）
3.Vuex介绍
为Vue.js开发的状态管理模式
组件状态集中管理
组件状态改变遵循统一的规则
4 使用vuex
a.定义一个类似store的js文件引用vuex组件 定义state(组件公用的状态)和mutations（状态改变方法集）
b.在组件中引入store文件（import），在export default对象里引入store,commit用于修改
Vuex相当于一个中央管理器 a改变通知Vuex,Vuex去通知所有
查看全部 -
路由：
1 router-link链接到组件
2 router.js 定义组件及它的目录和名称
查看全部 -
组件化： 独立的，可复用的，整体化的
组件化目的：实现功能模块的复用，高执行效率，开发单页面复杂应用
如何拆分：300行原则，复用原则，业务复杂性原则
带来的问题：1.组件状态管理（vuex）2.多组件的混合使用，多页面，复杂业务（vue-router）3.组件间的传参、消息、事件管理（props,emit/on,bus）
查看全部 -
查看npm版本： npm -v
查看node版本： node -v
安装vue-cli: npm install -g @vue/cli
查看vue-cli版本：vue --version
创建vue的工程项目方式1： vue create hello-world
运行项目：npm run serve
创建vue的工程项目方式2：vue ui
查看全部 -
watch监听一个变量（常量）的变化，computed可以监听多个，但前提都都是属于vue实例内的变量（常量）
查看全部 -
知识体系图
查看全部
举报