-
061_创建Vue脚手架
笔记 了解 Vue 脚手架 安装 切换到我们创建的项目的目录 源码 components\HelloWorld.vue App.vue main.js 笔记 了解 Vue脚手架 是 Vue提供的标准化开发工具 。 我们现在学的是Vue，注意本节讲的是 Vue脚手架。 Vue 脚手架 官网地址： https://cl... -
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... -
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... -
126_编程式路由导航
笔记 后退 前进 视频教程中的笔记 笔记 根据前面的知识，我们知道使用 <router-link to="..." ></router-link> 可以实现跳转。但是有时候，万一导航是由 button 写的(其中情况之一,为了说明不是用 router-link )，如何实现跳转呢? 后退 前进 13:30 视频教程中的笔记 编程式路... -
143_ref函数_处理对象类型
ref() 教程内容 源码 App.vue ref() 教程内容 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） 。 JS中 操作数据： xxx.value 模板中 读取数据: 不需要.value，直接：<di... -
141_初试setup
笔记 视频教程 源码 App.vue 笔记 setup 是 组合式 API 组合式 API:Composition API 想完Vue3,要先搞懂setup。 setup 是 Vu3 新提出来的一个配置项。 视频教程 拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Co... -
049_生命周期_挂载流程
this 源码 生命周期图示 官网生命周期图示 禹神版图示 生命周期函数调试 beforeCreate created this 生命周期里的this都是vm 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> ... -
070_TodoList案例_静态
源码 App.vue MyFooter.vue MyHeader.vue MyItem.vue MyList.vue 本节教程所用的静态文件详见附件。 源码 | App.vue | main.js | \---components MyFooter.vue MyHeader.vue ... -
131_独享路由守卫
笔记 视频教程中的笔记 笔记 本节实现：只对 新闻 路由限制，只有新闻路由是atguigu，才能看。 视频教程中的笔记 独享守卫: beforeEnter(to,from ,next){ console .log('beforeEnter' ,to,from ) if (to.meta.isAuth){ /...