03 2021 档案
摘要：主要内容: 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, 子组件有一个文本框 让他们两个同步变化 实现
阅读全文
