摘要: 安装 : 每次新建vue项目需要用到路由的时候就需要在文件目录的CMD中安装 cnpm i vue-router --save 一、分步版的路由 操作步骤: ①在main.js中导入 import VueRouter from "vue-router" //属于第三方插件 ②在main.js中 安装 阅读全文
posted @ 2019-09-12 10:34 zsrTaki 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 一、用Vue-Cli建立一个新项目 建立步骤 ①搭建脚手架环境 打开CMD >cnpm i vue-cli -g ( yarn global add vue-cli) ② vue -V 能看到版本就成功 ③ 新建一个文件夹 >在文件夹路径下打开CMD >vue init webpack ④建立项目( 阅读全文
posted @ 2019-09-12 10:33 zsrTaki 阅读(264) 评论(0) 推荐(0) 编辑
摘要: vue生命周期简介 生命周期探究 对于执行顺序和什么时候执行,看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="ht 阅读全文
posted @ 2019-09-12 10:32 zsrTaki 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 一、 computed 计算属性 在模板中放入太多的逻辑会让模板过重且难以维护, 所以,对于任何复杂逻辑,包括运算、函数调用等,你都应当使用计算属性。 计算属性还有两个很实用的小技巧容易被忽略:一是计算属性可以依赖其他计算属性; 二是计算属性不仅可以依赖当前Vue 实例的数据,还可以依赖其他实例的数 阅读全文
posted @ 2019-09-12 10:28 zsrTaki 阅读(332) 评论(0) 推荐(1) 编辑
摘要: Vue框架 是一套用于构建用户界面的渐进式框架 Vue 的核心库只关注视图层, 是一个数据驱动的MVVM框架 Model (data) //model层 数据放在data里 View ( template) //视图层渲染数据 ViewModel(vm) //当数据变化的时候,视图自动更新(数据驱动 阅读全文
posted @ 2019-09-12 10:26 zsrTaki 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 聊天 socket.io 全双工(发送的同时能接收消息 接收的同时能发送消息) 新建一个文件夹 在cmd中安装express环境 cnpm i express --save 在cmd中安装socket.io的包 cnpm i socket.io --save 在node modules的文件夹里找到 阅读全文
posted @ 2019-09-12 10:23 zsrTaki 阅读(117) 评论(0) 推荐(0) 编辑
摘要: events 事件监听 var evt = new events.EventEmitter; //实例化 evt.on("事件名",function(数据){}) //监听事件拿到数据 evt.emit("事件名",数据) //发送数据 node 文件名 //在cmd中查看结果 const even 阅读全文
posted @ 2019-09-12 10:22 zsrTaki 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 登陆注册 打开cmd执行 mongod --dbpath=d:/data 打开cmd执行 mongo 新建express项目 >在文件路径下打开cmd cnpm i mongoose --save ① 在文件路径下安装 body-parser 的包 cnpm i body-parser --save 阅读全文
posted @ 2019-09-12 10:22 zsrTaki 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 一、mongoose 是一个包 打开cdm mongod --dbpath=d:/data 打开cmd mongo 新建一个文件夹 在里面写一个text.js文件 打开这个https://mongoosejs.com/ 网址 将这段代码 复制到 text.js文件夹中 const mongoose 阅读全文
posted @ 2019-09-12 10:15 zsrTaki 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 一、前后端分离 渲染数据 总的来说就是在index.js中向某个端口甩出data.json中的数据 然后在.html文件中从这个端口中获取这个数据然后将其遍历到网页中 ①先生成express项目 ②在bin/www 中查看端口号 ③app.js 中的app.use(express.static(pa 阅读全文
posted @ 2019-09-12 10:06 zsrTaki 阅读(503) 评论(0) 推荐(0) 编辑