随笔分类 - Vue
摘要：vue-router 实现页面的跳转 在cmd中输入：npm install vue-router --save-dev 如果报错则使用：cnpm install vue-router --save-dev 运行程序（如果报错则降低vue-router版本）没有错误则可以开始编写 在componen
阅读全文
摘要：vue-webpack 一、相关概念 webpack是一个js应用程序的静态模块打包器（module bundler），能把各种资源都作为模块来处理和使用。当webpack处理应用程序时，它会递归构建一个依赖关系，其中包含应用程序所需的每个模块，然后将这些模块打包成一个或多个bundler。 大部分
阅读全文
摘要：vue-cli vue-cli是官方提供的一个脚手架，用于快速生成vue项目模板 一、安装node.js 安装好后可在cmd中输出node -v/npm -v查看 安装node.js淘宝镜像加速器：npm intstall cnmp -g 下载好可在C:\Users\my computer\AppD
阅读全文
摘要：Vue-slot插槽 应用在组合组件的场景中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <todo> <todo-
阅读全文
摘要：Vue计算属性 计算属性：计算出来的结果保存在属性中，内存中运行（缓存） 特性：将不经常变化的计算结果进行缓存，以节约系统开销 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </
阅读全文
摘要：Axios网络通信 Axios：主要作用是实现AJAX异步通信 data.json: { "name": "yuanyu", "url": "https://www.cnblogs.com/yuanyu610/", "page": 1, "isNonProfit": true, "address":
阅读全文
摘要：vue基本语法 v-bind <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> <!--导入v
阅读全文
摘要：Vue入门 SOC：关注度分离原则 网页三要素： HTML+CSS+js ：视图：给用户看，刷新后台给的数据 网络通信： axios 页面跳转： Vue-router 状态管理： vuex Vue-UI：ICE M 模型V 视图C 控制器 双向绑定： <!DOCTYPE html> <html la
阅读全文
