import hello from '.../component/Hello'
//使用路由
Vue.use(Router)
export default new Router({
routes: [
{
//路由路径,对应一个 url
path: '/hello',
//路由别名 ,vue.js内部使用的名称
name: 'Hello',
//组件,对应.vue页面的名字
component: Hello
}
]
})
当用户访问http://localhost:8080/#/hello
时,就会渲染./components/Hello.vue
文件,name:'Hello'
定义了该路由在 vue.js内部的名称
<>2 创建一个新的Component
================================================================================
之前在路由中引入了 component ,接下来,就是创建这个文件 📂
{{ message }}
页面效果
原生 Vue.js的代码存在于 new Vue({......})中的代码,在Webpack 框架下,都应该放到`export default{......}`代码块中
<>3 Vue.js中的 ECMAScript
====================================================================================
我们使用的不是原生的 "JavaScript",而是一种新的语言,就是 ECMAScript,严格说,ECMAScript是 JavaScript 的规范
<>let,var,常量与局部变量
声明本地变量,使用 let 和 var ,两者的区别如下
✨var:可能引起变量提升,或块级作用域的问题
✨let:就是为了解决以上问题存在的
在webpack下的vue.js中使用任何变量,都要使用var或let来声明
常量:
var a = 1;
let b = 10;
const NAME = '小刘';
console.log(a);
console.log(b);
console.log(NAME);
<>导入代码:import
import 用于导入外部代码,例如:
因为Vue和Router是在package.json中定义的,因此可以直接 import ... from 包名引入,否则要加上路径
// 引入 Vue
import Vue from 'vue'
// 引入 Vue 的路由
import Router from 'vue-router'
在from后面添加@符号,表示的是在本地文件系统中引入文件,@代表源代码目录,一般是 src,@出现之前,我们在编码时也是这样写:
import Hello from '.../components/Hello'
因为大量使用相对路径,这样会导致代码混乱,所以推荐使用@写路径
<>方便其他代码使用自己:export default { ... }
在每个 vue 文件的<script>
中,都会存在 export default { ... } 代码,作用是方便其他代码对这个代码进行引用,对于 Vue.js 程序员来说,记住这个写法就可以了
在es6之前,js 没有统一的模块定义
<>ES中的简写
有时候会发现这样的代码
实际中,上面代码是一种简写形式,等同于下面的代码
<>箭头函数=>
main.js加上Vue.prototype.$axios = axios axios.get改为this.$axios.get调用
import axios from 'axios'
Vue.prototype.$axios = axios
methods: {
getData(){
this.$axios.get('https://api.uomg.com/api/rand.music')
.then(resp=>{
console.log(resp);
})
},
getData1(){
this.$axios.get('https://api.uomg.com/api/rand.music')
算法
-
冒泡排序
-
选择排序
-
快速排序
-
二叉树查找: 最大值、最小值、固定值
-
二叉树遍历
-
二叉树的最大深度
-
给予链表中的任一节点,把它删除掉
-
链表倒叙
-
如何判断一个单链表有环
由于篇幅限制小编,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!
pi/rand.music')
.then(resp=>{
console.log(resp);
})
},
getData1(){
this.$axios.get('https://api.uomg.com/api/rand.music')
算法
-
冒泡排序
-
选择排序
-
快速排序
-
二叉树查找: 最大值、最小值、固定值
-
二叉树遍历
-
二叉树的最大深度
-
给予链表中的任一节点,把它删除掉
-
链表倒叙
-
如何判断一个单链表有环
[外链图片转存中...(img-JXHCsejX-1718462506993)]
由于篇幅限制小编,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!