-
061_创建Vue脚手架
笔记 了解 Vue 脚手架 安装 切换到我们创建的项目的目录 源码 components\HelloWorld.vue App.vue main.js 笔记 了解 Vue脚手架 是Vue提供的标准化开发工具。 我们现在学的是Vue，注意本节讲的是 Vue脚手架。 Vue 脚手架 官网地址： https://cli.... -
004_搭建Vue开发环境
1. 中文官网教程 2. 解决 Chrome浏览器 F12 控制台提示 2.1 在Chrome浏览器中安装vue开发者工具 2.2 配置 开发者环境或生产环境 1. 中文官网教程 https://v2.cn.vuejs.org/v2/guide/ 2. 解决 Chrome浏览器 F12 控制台提示 Download the Vue De... -
096_配置代理_方式一
笔记 ajax方式 1. xhr //不常用这种直接操作 2. jQuery 3.axios //在用 √ 4.fetch 跨域 重要源码 App.vue vue.config.js 笔记 ajax方式 常用的发送 ajax 方式有哪些? 1. xhr //不常用这种直接操作 xhr 是 new XMLHttpReques... -
049_生命周期_挂载流程
this 源码 生命周期图示 官网生命周期图示 禹神版图示 生命周期函数调试 beforeCreate created this 生命周期里的this都是vm 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> ... -
134_element-ui基本使用
笔记 Element UI 笔记 UI组件库有两大类： 移动端 和 PC端 移动端常用 UI 组件库 Vant https://vant-ui.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io NUT UI ht... -
070_TodoList案例_静态
源码 App.vue MyFooter.vue MyHeader.vue MyItem.vue MyList.vue 本节教程所用的静态文件详见附件。 源码 | App.vue | main.js | \---components MyFooter.vue MyHeader.vue ... -
126_编程式路由导航
笔记 后退 前进 视频教程中的笔记 笔记 根据前面的知识，我们知道使用 <router-link to="..." ></router-link> 可以实现跳转。但是有时候，万一导航是由 button 写的(其中情况之一,为了说明不是用 router-link )，如何实现跳转呢? 后退 前进 13:30 视频教程中的笔记 编程式路... -
107_Vuex工作原理图
笔记 笔记 Vuex3的官方教程： https://v3.vuex.vuejs.org/zh 下图虚线中的 Actions Mutations State 均由 store 管理： 注:上图 绿色框 标注的红色 Count组件 是本例程的一个实例组件，属于一个vc的一个代表。 -
131_独享路由守卫
笔记 视频教程中的笔记 笔记 本节实现：只对 新闻 路由限制，只有新闻路由是atguigu，才能看。 视频教程中的笔记 独享守卫: beforeEnter(to,from ,next){ console .log('beforeEnter' ,to,from ) if (to.meta.isAuth){ /... -
133_history模式与hash模式
笔记 hash 工作模式 history 工作模式 视频教程中的笔记 笔记 路由器的两种工作模式: hash 工作模式 http: //localhost:8080/ # 其中 # 号，官方叫做 hash。 hash #号英[hæʃ] 美[hæʃ] 从 # 号开始，一直到后面的所有内容 ，都叫 hash 值 。默认开启 的是...