![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
mustang(野马)
I'm 1600834563
展开
-
选项卡案例【vue】
选项卡案例【vue】<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatib...原创 2019-07-23 19:34:30 · 114 阅读 · 0 评论 -
Vuex 公共状态管理模式(最好的非父子组件传值方案)
Vuex:公共状态管理模式。最好的非父子组件传值方案1、cnpm install vuex -S;2、引入vue3、引入vuex4、使用vuex vue.use(vuex)Vuex中常用的5个属性 01 state: 用来存储公共的状态 辅助函数: mapState 书写方式有2中 ...原创 2019-08-01 11:24:55 · 283 阅读 · 0 评论 -
object.defineProperty 基本使用
object.defineProperty 基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-07-23 15:22:16 · 116 阅读 · 0 评论 -
vue中的render函数介绍
vue中的render函数介绍1、render函数是什么 2、render函数怎么用render函数是什么 简单的说,在vue中我们使用模板HTML语法组建页面的,使用render函数我们可以用js语言来构建DOM 因为vue是虚拟DOM,所以在拿到template模板时也要转译成VNode的函数,而用render函数构建DOM,vue就免去了转译的过程。 当使用render函数...原创 2019-07-27 14:56:42 · 271 阅读 · 0 评论 -
webpack
一、初识webpack1、什么是webpack?WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用2、webpack工作的方式把你的项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将从这个文件开...原创 2019-07-27 10:24:02 · 198 阅读 · 0 评论 -
json-server---基本使用
json-server—基本使用一、前后端并行开发的痛点前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑二、解决方法在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock三、json-server的基本使用 (1)、全局安装 cnpm install json-server -g(2)、准备json文件 (data.json) json-se...原创 2019-08-01 11:27:54 · 885 阅读 · 0 评论 -
export ,export default 和 import 区别 以及用法
首先要知道export,import ,export default是什么ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。这几个都是ES6...原创 2019-07-31 17:52:07 · 256 阅读 · 0 评论 -
【vue】路由与组件使用的方法(步骤)
router:根据不同的地址跳转到不同的页面一、vue-router的使用1.下载路由模块 npm vue-router --save2.在router.js中 先引入路由 import Router from ‘vue-router’ 接着通过use在vue全局注册使用 Vue.use(Router) 最后将路由表导出 export default ne...原创 2019-08-04 17:17:35 · 1271 阅读 · 0 评论 -
Vue 响应式系统的底层的细节
1.如何追踪变化当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是ES5 中一个无法 shim 的特性,这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。这些 gette...原创 2019-08-04 16:08:07 · 140 阅读 · 0 评论 -
vue组件中data必须是一个函数的原因
vue组件中data值不能为对象,因为对象是引用类型,组件可能会被多个实例同时引用。如果data值为对象,将导致多个实例共享一个对象,其中一个组件改变data属性值,其它实例也会受到影响。上面解释了data不能为对象的原因,这里我们简单说下data为函数的原因。data为函数,通过return 返回对象的拷贝,致使每个实例都有自己独立的对象,实例之间可以互不影响的改变data属性值。...原创 2019-07-26 14:46:23 · 1390 阅读 · 0 评论 -
Mock js 的理解以及应用
官网介绍:http://mockjs.com/1、安装1.1、安装:yarn add mockjs -S输入:yarn add mockjs -S(在当前项目下安装 Mock) myapp 是项目名称1.2、看网站的示例,实例就是语法1.3、创建文件夹在项目下创建 》 mock文件夹 》再创建 index.js总结mock.mock()参数1:请求地址 选...原创 2019-08-02 23:16:45 · 6667 阅读 · 0 评论 -
关于 vue-cli 脚手架安装,以及对接项目做的工作, 项目复制使用的问题(后期持续更新)
vue的脚手架安装 vue cli1、安装前端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。2、查看node的版本号...原创 2019-08-02 20:03:58 · 770 阅读 · 0 评论 -
案例模拟使用数据(用到 json-server)(继续更...)
1、安装json-server全局安装 cnpm install json-server -g2、安装完成后可以用 json-server -h 命令检查是否安装成功,成功后会出现3、在项目内创建一个data问价夹,在该文件夹内创建data.json文件在data.json 文件内写在该文件的data 数组中写 需要模拟是的数据4、执行 json-server...原创 2019-08-01 11:32:33 · 284 阅读 · 0 评论