黑码农-CSDN博客

原创 vue的语法指令

vue初始化  <div id="app">   {{text}} </div> <script src="../js/vue.js"></script> <script> // vue初始化的对象叫做

2020-09-11 09:47:17 400

Auto Rename Tag自动关闭标签，在开始标记的结束括号中键入后，将自动插入结束标记Beautify美化代码Bracket Pair Colorizer个成对儿的括号都会以不同的颜色进行区别chinese中文简体code Runner万能语言运行环境colorizercss color背景颜色Debugger for Chromevs code 中打开 chromeESlint自动检测不符合规范的代码。打开vscode左侧扩展面板，搜索es

2020-09-11 09:46:15 8251

原创 nodejs的认识使用

nodejs定义node 是一个用在服务端运行js代码的环境他是运行在谷歌的v8引擎上的javascript代码他是用I/O模式非阻塞模式 I => input O => outnodejs 模块化导出模块 function fun() { console.log("这是要导出的内容") } //导出模块分为两种 //第一种如下： module.exports = { fun:fun }

2020-09-11 09:44:51 200

原创 vue生命周期的认识

生命周期组件声明周期的几个过程创建挂载更新销毁创建beforeCreate (创建前)初始化事件和生命周期后created (创建后)相关数据注入时，这个时候可以获取到data中的值，但是无法获取DOM挂载beforeMount (挂在前)当data数据已经和vue模板渲染出HTML时，页面上还没有内容mounted (挂在后)将编译好的HTML替换到页面上后，这个时候可以获取到真实的DOM更新beforeUpdate (更新前)当data中的值发生变化前，

2020-09-11 09:43:05 146

原创 vue插槽的理解-具名插槽-作用域插槽

插槽基本的插槽解决了在组件标签中写内容无法被渲染的问题（如果我们想要像普通标签一样在标签中写内容会渲染出来）基本插槽的写法child.vue<template> <div> <slot></slot> </div></template>我们要给组件的使用者一个权限，可以自定义内容的权限，可以使用slot，slot放在哪，未来组件标签中的内容就会被渲染到哪parent.vue<template&gt

2020-09-11 09:42:15 716

原创组件通信

组件通信组件之间的关系父子关系非父子关系组件通信-父子通信父子通信，利用在父组件模板中，给子组件添加属性的方法进行通信，一旦添加了属性，那么在子组件中可以通过props进行接收<template> <div> {{msg}} <Child :msg="msg"></Child> </div></template><script> export default { da

2020-09-11 09:40:26 148

原创 vue-router-路由的配置技巧

路由配置技巧常见的切换方式url改变页面样式不变这个path一定使用的是同一个组件，渲染了不同的数据。一般会使用query参数或者动态路由（params）去传递数据。这里的路由只需要设置一个url改变页面样式改变每个页面都需要单独配置路由url改变，页面中某一部分改变可以使用嵌套路由，在父组件中留下公共组件少数派路由分析/matrix Matrix社区没有公共部分，是独立的路由/special/nomo 相机陈列下面路由都包含导航部分/series 付费订阅/topics 专题精

2020-09-11 09:39:09 275

原创 vue-Router基本使用

VueRouter路由组件在创建过程中，路由组件和普通组件是一模一样的，使用方法不一样。普通组件是放置在其他组件中的路由组件放在路由配置中路由配置所有的路由配置放在一起应该是个数组，单个的路由配置应该是个对象，对象中有很多固定的属性path表示路由路径，配置后可以去访问对应的路由，并且将对应的组件显示在 router-view 中component表示路由组件的配置，和path一一对应，当匹配到对应的path时，component会被渲染到router-view中name我们可以

2020-09-11 09:37:07 225

原创 json-server的入门使用

json-server的使用安装npm i -g json-server创建目录在电脑合适的位置创建一个文件夹，尽量是英文创建db.json在文件夹中创建一个db.json，并进行编辑json中数据对应关系{ "books": [], "users": []}当我们在db.json中写入以下内容时，未来会给你我们提供下列接口GET /books 获取所有信息GET /books/:id 获取单个信息POST /books 新增数据PATCH /books/:id 更新

2020-09-11 09:35:02 243

原创 VueRouter的使用

VueRouter的使用路由的使用时一个模式化的过程script中引入的js1 引入js<script src="vue-router.js">2 创建routes配置数组const routes = [ { path: '/', name: 'index', component: 组件 }]3 把routes放在new VueRouter中const router = new VueRouter({ routes})4 将rout

2020-09-11 09:31:58 126

m0_46065831的博客