Gg、王洋-优快云博客

原创 vue里面一些重要的知识点(4）

文章目录dbclick表示双击两次。dbclick表示双击两次。看一下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i

2022-02-23 15:19:13 120

原创 vue的一些比较重要的知识点(3)

文章目录v-forv-forv-for和其他语言的for循环类似，用于数组中看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt

2022-02-23 14:28:56 108

原创 vue2的一些比较重要的知识点(2）

文章目录代码v-if@clickmethods代码<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app

2022-02-23 11:19:39 374

原创 vue-devtools必备开发工具

文章目录vue-devtool开发工具的意义如何安装devtoolvue-devtool开发工具的意义坠入前端爱河差不多有两个月了，最近一周接触到vue框架，不知不觉就接触到了devtool开发工具，随着开发工作的进行，调试工具就是不可避免的，vue是进行数据驱动的。如果只是从chrome的element中查看，是基本上很难看到数据的流向的，那么devtool就会解决这个难题。如何安装devtool1.如果玩过github，那么事情就很好办。github地址：https://github.com/

2022-02-23 10:45:12 8385

原创 vue2的一些比较重要的知识点(1)

文章目录watch生命周期函数watchwatch是监听器，用于值变化时，可以查询监听以代码来看：<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head>&l

2022-02-23 10:43:01 143

原创怎么使用脚手架做出vue项目框架

文章目录node.js环境安装cnpm安装vue-cli脚手架构建工具安装依赖资源运行项目node.js环境正常去node官网下载node,建议12.几的版本，其他版本容易出问题。下载完后，可以在cmd终端中输入node -v,npm -v查看下载的版本。安装cnpm在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待.淘宝镜像库可以使下载的依赖模块更快速。安装vue-cli脚手架构建工具在命令行中

2022-02-22 15:29:23 118

原创 Vue生命周期函数

文章目录生命周期函数beforeCreate()created()判断是否有template的存在生命周期函数生命周期函数：在某一时刻会自动执行的函数。beforeCreate()在你写好app=Vue.createApp()beforeCreate(),app.mount()之后，Vue就开始它内部的逻辑，首先它会考虑事件的绑定，当它进行完逻辑初始化之后就会开始beforeCreate()的生命周期函数。如：<!DOCTYPE html><html lang="en"&gt

2022-02-17 17:43:55 452

原创 Vue事件

这里写目录标题Vue绑定事件v-onVue绑定事件使用v-on:事件名=函数名来进行绑定事件的发生v-onv-on的使用比较广泛，比如当我们使用点击时会则浏览器上方弹框。则可以使用// An highlighted block<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" con

2022-02-17 15:26:42 347

原创 js中window和document的区别

文章目录一、doucument对象二、Window对象Window对象描述一、doucument对象每个载入浏览器的对象都会成为document对象，document对象使我们可以对html页面中所有元素进访问。document对象是windows对象里的一部分，可以使用window.document属性对其进行访问。二、Window对象Window对象表示浏览器中打开的窗口。如果文档包含框架（frame或iframe标签），浏览器会为HTML文档创建一个window对象，并为每个框架创建一个额

2022-02-17 14:13:44 1880

Chengxuniao的博客