![](https://img-blog.csdnimg.cn/5bfcc433bc96447d8d3f52282a9ffc53.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue.js
文章平均质量分 54
vue笔记
DB_鸠
Barry,gogogo!草莓,gogogo!
展开
-
jquery转vue项目总结
将表单数据和页面中的一些资源抽离到data中去,实现双向数据绑定,这样做还可以将数据集中在一起统一管理,便于日后的修改。由于原来的页面很多的动效是依赖jquery实现的,为了方便这里不再重写,直接把原来的相关代码拿来用。由于要修改的项目只有一个页面,因此脚手架只需要配置babel即可。修改完成之后,某些功能出现的问题,暂时先这样,解决之后再来填坑。将页面中重复出现的部分抽离为组件,并使用props将数据传入。对于列表形似的数据改用v-for书写,减小代码量。原创 2022-11-03 16:48:59 · 1601 阅读 · 0 评论 -
Vue-devtools安装方法
devtools的一种安装方法,从git山直接下压缩包实在是行不通了原创 2022-06-08 20:22:36 · 678 阅读 · 0 评论 -
Vite基本使用
文章目录什么是vite创建项目1. 输入2. 安装vite3. 配置项目的基本信息4. 预览效果配置项目配置项配置vue.config.jsvue-routervuexaxiosless什么是vitevite是vue官方推出的一个打包工具,打包速度比webpack要快得多,具体为什么快我看不懂。总之就是一个打包工具,也可以代替脚手架来创建项目创建项目按照下面的命令可以创建出一个项目1. 输入npm init vite@latest或者npm create vite@latest2原创 2022-05-28 16:01:50 · 9755 阅读 · 4 评论 -
axios基本使用
1.安装单独的文件直接引入就可以 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>在vue项目中使用安装插件$ npm install axios --save全局注册import axios from ‘axios’Vue.prototype.$axios = axios然后就可以使用this.$axios获取2.基本使用1.方法1axi原创 2022-05-22 20:05:48 · 201 阅读 · 0 评论 -
Vue制作静态页面--Day03
希望仿制出游戏PHigros的页面,没有任何功能,只是联系vue语法用期末考试直接摆烂,能过就行好吧一、成果展示当然只是做出样子了,很多地方和自己想的还不一样二、布局整体采用flex布局加position定位单位采用vh和vw做这个页面最大的收获就是感觉布局上的熟练度增加了三、滚动容器点击三个点后会在右侧展开一个容器,选择背景图,超出容器的可以滚动出来。使用样式overflow:scroll来实现本来这个东西想封装成一个组件,但是失败了.原创 2022-05-14 21:50:17 · 3176 阅读 · 0 评论 -
小问题的解决方案(01)
1、饿了么ui默认样式的去除使用内部样式,直接在组件的标签上书写对应的样式来清除不需要的属性 使用类选择器拾取组件,类名就是组件名使用 deep 或 >>> 书写穿透组件 在app.vue文件中作为全局样式书写 使用 !important 穿透组件2、组件的事件绑定在组件上绑定事件时,默认情况下会阻止事件的执行(包括vue内置的组件,如router-link)需要加上native后缀3、两个无影响的报错Elements in iteration exp原创 2022-05-07 20:49:39 · 521 阅读 · 0 评论 -
vuex的使用
1、vuex安装1.脚手架直接配置2.在vue ui中下载vuex插件2、组成由5部分组成state数据 mutations同步函数 actions异步函数 getters计算属性 modules模块3、state获取变量this.$store.state.变量名注意不能直接修改state中的变量必须,通过vuex中的mutations 来修改 一个vuex中只能有一个state4、mutations唯一可以修改state值..原创 2022-05-01 12:51:18 · 193 阅读 · 0 评论 -
vue仿制PHi静态页面--day02
是不是放一些二次元小姐姐会好看一点呢原创 2022-04-23 14:59:44 · 1455 阅读 · 0 评论 -
Vue制作静态页面--day01
希望能放置处游戏PHigros的界面,没有任何有用的功能,只是熟悉下vue中的一些语法。1、脚手架创建项目使用脚手架3.0创建项目执行指令vue create pgr配置 babel,vuex,vue-router然后删除掉多余的文件2、vue文件快速生成创建好vue文件后在文件内输入vue可以快速生成vue文件的框架(之前都是手敲,后悔刚知道)3、css文件的引入在app.vue这个文件的css部分可以引入css文件作为全局样式这里先引入两个——初始..原创 2022-04-22 14:50:46 · 11448 阅读 · 3 评论 -
vue做一个井字棋
问题:v-on绑定多个事件 结束条件判断v-on绑定多个事件的语法@click=“{fun1(),fun2()}”v-on="{click:fun1(),click:fun2(),mousemove:fun3()}"结束条件判断暂时没想到什么好方法,先穷举要求存在一行或一列或对角线的三个符号相同且不是空就结束,一共存在8中情况(this.each[0].value==this.each[3].value && this.each[3].value==thi原创 2022-04-21 17:24:18 · 965 阅读 · 0 评论 -
vuex管理
作用设置一个对象来管理公共的数据,例如用户的登录信息使用1.安装Npm install vuex --save2.配置新建一个store文件夹,在store文件夹的index.js文件中配置在根组件中导入并注册,使用vue.use后就可以在所有组件中通过$store来获取创建的vuex对象属性state数据 单一状态树:建议只创建一个store对象Mutations同步方法 在mutation...原创 2022-03-22 13:38:16 · 1165 阅读 · 0 评论 -
promise
作用将套娃的异步编程变为链式编程,提高程序的可读性和可维护性基本使用new一个pormise函数,传入一个函数作为参数传入的函数中再传入两个函数作为参数一个参数是resolve 一个参数是rejectresolve会在请求成功后执行,将参数传递到then函数中执行,then函数中写一个回调函数reject会在请求失败后执行,将参数传递到catch函数中执行,catch函数中写一个回调函数也可以在then中传入两个函数,第一个函数为成功时执行,第二个函数为失...原创 2022-03-22 08:19:08 · 86 阅读 · 0 评论 -
vue-router
原创 2022-03-20 18:14:32 · 1425 阅读 · 0 评论 -
vue-脚手架
1.定义脚手架本名 cil可以快速搭建vue开发环境并配置webpack2.使用前提安装node和npm安装webpack3.使用1.安装npm install -g @vue/cli@3.2.1npm install @vue/cli-init -g2.创建项目原创 2022-03-17 07:30:27 · 79 阅读 · 0 评论 -
vue.js第五天
一、loader1.less文件的处理1.安装npm install less-loader --save-dev less2.配置{ test: /\.less$/, use: [ {loader: 'style-loader'}, {loader: 'css-loader'}, {loader: 'less-loader'}, ] }2.图片文件处理1.原创 2022-03-12 21:28:26 · 596 阅读 · 0 评论 -
vue.js第四天
组件化props与model的双向绑定不能直接绑定props中传入的值,应该在data中接受props的数据,让model绑定data中的数据watch属性监听某些属性的改变父访问子的访问方式1.$childrenthis.$chlidren会放回一个数组,数组中包含所有的子组件对象不建议使用2.$refs默认返回一个空对象,当组件标签上写了ref属性是才可以被拿到子访问父的访问方式...原创 2022-03-11 20:09:43 · 659 阅读 · 0 评论 -
vue.js第三天
1.v-model实现input输入框的双向绑定,在input中修改,vue对象中的数据也会修改,vue对象中的数据修改,input输入框的内容也会修改。是一个复合指令,是v-bind修改value 和 v-on绑定input事件的结合与radio(单选框)结合<div id="main"> <input type="radio" value="男" v-model="sex">男 <input type="radio" valu原创 2022-03-06 17:32:10 · 332 阅读 · 0 评论 -
vue.js 第二天
11原创 2022-03-04 18:45:10 · 68 阅读 · 0 评论 -
vue.js第一天
vue.js是一个框架,是声明式编程1.创建const o = new Vue()2.框架在创建vue时括号内可以传入一个对象对象内有一些固定的框架1.el:绑定dom对象2.data:基础数据3.methods:函数4.conputed:计算属性const o = new Vue({ el:'#main', data:{ games:[ {na原创 2022-02-21 17:30:28 · 230 阅读 · 0 评论