随笔分类 - vue
摘要：vuex官网: https://vuex.vuejs.org/zh/ 一. 前言 不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。 什么是共享状态？ 比如一个组件需要使用另一个组件的状态，或者一个组件需要改变另一个组件的状态，都是共享状态。 如果不对状态
阅读全文
摘要：目标: 做一个导航tabbar 一. 分析 我们的目标是做一个导航tabbar, 要求 这个导航不仅可以在一个页面使用, 可以在多个页面通用 每个页面的样式可能不一样 每个页面的图标, 文字可能不一样 每个页面导航的个数可能不一样 要想实现上面的情况, 需要进行功能拆解: 提炼出一个通用的tabBa
阅读全文
摘要：前后端路由的来历 前端如何实现页面跳转但是不刷新? 了解hash和history两种方法 vue-router基本使用 安装vue-router 搭建vue-router框架的步骤 vue-router路由的配置步骤 第一步： 创建路由组件 第二步： 配置路由映射。 即：组件和路由的关系 第三步：
阅读全文
摘要：主要内容: vue-cli2和3的区别 创建vue-cli3脚手架 vue-cli3项目的目录结构 vue-cli2和vue-cli3中 main.js文件的区别 vue-cli3的配置文件管理 一. vue-cli2和vue-cli3的区别 vue-cli3 是基于webpack4的, vue-c
阅读全文
摘要：一. vue源码 我们安装好vue以后， 如何了解vue的的代码结构， 从哪里下手呢？ 1.1. vue源码入口 vue的入口是package.json 来分别看看是什么含义 dependences： "dependencies": { "vue": "^2.5.2" }, 这段代码告诉我们vue的
阅读全文
摘要：一. Vue CLI 介绍 1. 什么是Vue CLI? Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与
阅读全文
摘要：一. 搭建本地服务器 本地服务可以提高开发效率. webpack不需要每次都打包, 就可以看到修改后的效果. 本地服务器基于node.js搭建, 内部使用二十express框架. 可以实现让浏览器自动刷新的功能. 1. 安装本地服务模块 npm install --save-dev webpack-
阅读全文
摘要：一. 在webpack中配置vue 了解了webpack的原理和用法以后, 我们来引入Vue webpack原理和用法详解链接: cnblogs.com/ITPower/p/14467745.html 第一步: 需要在webpack中引入vue.js 如何引入呢? npm install vue -
阅读全文
摘要：一、什么是webpack webpack官网给出的定义是 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每
阅读全文
摘要：主要内容: 1. 什么是模块化思维? 2. ES6包的封装思想 一、什么是模块化思维呢? 现实工作中, 一个项目可能会有多个人同时开发. 然后, 将所有人开发的内容, 合并到一个文件中. 比如: 1. 有3三个人同时开发, 一个人一个js文件, 最后引入到main.js 2. 每个人单独写, 这样,
阅读全文
摘要：主要内容: 1. 什么是插槽 2. 组件的插槽 3. 插槽的使用方法 4. 插槽的具名 5. 变量的作用域 6. slot的作用域 一. 什么是插槽呢? 1. 生活中的插槽有哪些呢? usb插槽, 插线板插槽 2. 插槽有什么作用? 同样的插线板, 可以插电视机, 电冰箱, 洗衣机 电脑的usb接口
阅读全文
摘要：本文主要说两件事 1. 如何实现父子组件之间的双向绑定 2. 父组件如何访问子组件的data,method, 子组件如何访问父组件的data,method等 一. 如何实现父子组件之间的双向绑定 案例描述: 父子组件双向绑定 父组件有一个message, 子组件有一个文本框 让他们两个同步变化 实现
阅读全文
摘要：主要内容: 1. 组件的基本使用 2. 全局组件和局部组件 3. 父组件和子组件 4. 组件语法糖的写法 5. 组件data关联的写法 6. 父子组件的通信 组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。几乎任意类型的应用界面都可以抽象为
阅读全文
摘要：一. 常用的数组的高阶函数 假设, 现在有一个数组, 我们要对数组做如下一些列操作 1. 找出小于100的数字: 2. 将小于100的数字, 全部乘以2: 3. 在2的基础上, 对所有数求和: 通常我们会怎么做呢? <!DOCTYPE html> <html lang="en"> <head> <m
阅读全文
摘要：目录 1. v-on指令 2. v-if指令 3. v-show指令 4. v-for指令 5. v-model指令 一. v-on指令 1. 基础用法 v-on是事件监听的指令, 下面来看简单用法 <!DOCTYPE html> <html lang="en"> <head> <meta char
阅读全文
摘要：一. 计算属性 1. 什么是计算属性? 通常, 我们是在模板中, 通过插值语法显示data的内容, 但有时候我们可能需要在{{}}里添加一些计算, 然后在展示出来数据. 这时我们可以使用到计算属性 先来举个例子, 比如: 一个班, 有几个学生参加期末考试, 要计算考试的平均分. 我们来看看, 通常要
阅读全文
摘要：目录 1. 设置vue模板 2. vue语法--插值操作 3. 动态绑定属性--v-bind 一. 设置vue模板 我们经常新建一个vue项目的时候, 会写如下的一段代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
阅读全文
摘要：今天开始系统学习vue前端框架. 我是有前端基础的, 刚工作那会, 哪里分那么清楚啊, 前后端我都得做, 所以, css, js, jquery, bootstrap都会点, 还系统学过ext, 哈哈,是不是都不知道是啥, 没事, 都过时了. 现在开始, 学习最流行的Vue, 后端不会页面, 说不过
阅读全文
摘要：为什么选择手动安装nodejs呢? 因为使用mac自动安装还要更新homebrew,还要安装xcode tool, 太费劲了,不如手动安装, 卸载起来也方便 再一个, 我是后台开发者, 对前端页面, 能整,但是越简单越好. 我的追求, 简单实用. 检查是否已经安装了nodejs 一 .安装最新版本步
阅读全文
