Vue
MaxineZhou
Don't forget try again
展开
-
埋点理论以及基于Vue的前端埋点技术
一、明确目标 要知道利用埋点获取数据是要做什么样的用户分析 二、获取数据 三、埋点技术 四、已有软件 五、声明式埋点的实现: 利用Vue的自定义指令原理,比如下边监控按钮点击的埋点 //在main.js中定义全局自定义指令 Vue.directive('log', { bind(el, binding) { el.addEventListener('click', () => { console.log(el.id) console.l原创 2020-09-14 21:38:02 · 1118 阅读 · 0 评论 -
三、Vue全局与局部组件、父组件与子组件
概念: 组件扩展了HTML代码,组件系统让我们可以用独立可复用的小组件来构建大型应用 组件component声明中有: template模板,<template> 可复用的HTML代码<template> 引用模板的JavaScript代码 css样式代码 如果声明的是子组件,则可以声明一个props接收父组件传递的数据 全局组件 全局注册的组件可以用在其被注册之后的任何 通过new Vue建立的实例,和任何子组件中 全局注册组件方式:原创 2020-09-14 20:57:48 · 561 阅读 · 0 评论 -
二、Vue项目中index.html,App.vue,main.js,index.js,helloWord.vue联系
index.html加载main.js,main.js加载App.vue,App.vue加载路由文件index.js,index.js加载当前根目录的路由对应的存储在component目录里的组件HelloWord.vue。 index.html是项目入口,通过<div id="app"><div>将main.js中的实例app挂载到了这里 main.js作为项目的入口文件,在main.js里新建了一个Vue实例挂载在id=app的div元素上 知识点: 1.实例化.原创 2020-09-08 20:35:40 · 869 阅读 · 0 评论 -
一、Vue环境搭建,创建第一个初始项目
一、首先安装node.js 装好之后配置环境变量,可以通过node -v查看是否安装成功 二、更新npm 刚刚装好的node.js可能不是最新的npm,用npm install -g npm指令更新npm 三、安装Vue的脚手架,cnpm install vue-cli -g 安装完之后用vue list指令验证vue-cli是否安装成功,成功的话如下 如果出现以下提示,只需要重启电脑就不报错了 四、建立vue项目testvue 选择完所有选项...原创 2020-09-03 20:55:14 · 243 阅读 · 0 评论