黑码农-优快云博客

原创 vue的语法指令

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

2020-09-11 09:47:17 373

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

2020-09-11 09:46:15 8230

原创 nodejs的认识使用

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

2020-09-11 09:44:51 190

原创 vue生命周期的认识

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

2020-09-11 09:43:05 144

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

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

2020-09-11 09:42:15 706

原创组件通信

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

2020-09-11 09:40:26 145

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

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

2020-09-11 09:39:09 256

原创 vue-Router基本使用

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

2020-09-11 09:37:07 211

原创 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 235

原创 VueRouter的使用

VueRouter的使用路由的使用时一个模式化的过程 script中引入的js 1 引入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 120

m0_46065831的博客