![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
ThatMonth
星光不问赶路人,时光不负有心人。
展开
-
史上最简单的Vue入门教程,Vue基础语法
Vue简介:IDEA中安装vue插件demo.html(cdn引入vue.js)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> {.原创 2022-05-27 10:03:46 · 327 阅读 · 0 评论 -
Vue的双向数据绑定
v-model原创 2022-05-27 10:42:16 · 51 阅读 · 0 评论 -
Vue组件,怎么样自定义标签
demo.html中自定义fdw标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <!--传递给组件的值怎么接收 v-bind:接收参数="遍历参数"-->...原创 2022-05-27 11:21:14 · 540 阅读 · 0 评论 -
Axios实现前后端异步通信(代替Jquery)
IDEA中javaScript必须设置为ES6标准cdn方式引入axios的js文件<script src="https://unpkg.com/axios/dist/axios.min.js"></script>cdn方式引入vue的js文件<script src="https://cdn.staticfile.org/vue/2.5.21/vue.min.js"></script>data.json...原创 2022-05-28 11:02:39 · 318 阅读 · 0 评论 -
Vue的计算属性
demo.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <p>时间戳1:{{currentTime1()}}</p> &l...原创 2022-05-28 11:32:46 · 57 阅读 · 0 评论 -
Vue的slot插槽怎么使用
demo.html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <todo> <todo-title slot="mytodo-title" ...原创 2022-05-28 12:19:00 · 192 阅读 · 0 评论 -
Webpack前端打包工具
安装webpacknpm install webpack -gnpm install webpack-cli -g查看版本webpack -vwebpack开始打包:1.把idea设置为管理员启动2.编写webpack.config.js文件(文件名不能写错)3.idea控制台输入webpack命令4.打包完成写一个index.html页面测试一下效果...原创 2022-05-30 11:44:41 · 227 阅读 · 0 评论 -
手把手教你在实际开发中怎么创建第一个Vue3程序
1.安装Node.js(点击下方地址)下载 | Node.js2.安装npmnpm install cnpm -g3.版本要对应npm选择指定的版本npm -g install npm@6.12.04.查看npm的地址npm config list4.npm安装vue-clinpm install -g vue-cli...原创 2022-05-30 11:45:11 · 411 阅读 · 0 评论 -
ElementUI+Vue创建一个简单的前端工程
ElementUI用在Vue2上ElementPlus用在Vue3上1.新建一个Vue2项目vue create elementuistudy2.安装vue-router路由组件cnpm install vue-router --save-dev版本过高需要降cnpm install vue-router@3.2.03.安装ElementUI组件vue2使用:cnpm i element-ui -svue3使用:cnpm install element-plus原创 2022-05-30 19:20:11 · 304 阅读 · 0 评论 -
vue-router路由怎么使用以及怎么传递参数
安装vue-routercnpm install vue-router --save-dev如果浏览器报错app.js:271 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent) is not a function,原因是版本太高,需要降低版本npm install vue-router@3.2.0演示代码:main.jsimport Vue from 'vue'...原创 2022-05-30 13:39:32 · 272 阅读 · 0 评论