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 · 1073 阅读 · 0 评论 -
三、Vue全局与局部组件、父组件与子组件
概念:组件扩展了HTML代码,组件系统让我们可以用独立可复用的小组件来构建大型应用组件component声明中有: template模板,<template> 可复用的HTML代码<template> 引用模板的JavaScript代码 css样式代码 如果声明的是子组件,则可以声明一个props接收父组件传递的数据 全局组件全局注册的组件可以用在其被注册之后的任何 通过new Vue建立的实例,和任何子组件中全局注册组件方式:原创 2020-09-14 20:57:48 · 518 阅读 · 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 · 817 阅读 · 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 · 230 阅读 · 0 评论