前端知识
文章平均质量分 97
寻_觅
现就职于龙芯中科,主要负责开发板和数据库相关工作
展开
-
vue/cli是什么?vue/cli如何使用? 入门篇(安装创建,组件使用,定义路由,项目导出) ∠( °ω°)/ 前端知识
文章目录简介安装安装nodejsnvmnpm换源单次换源方法一方法二简介vue/cli是Vue的脚手架,是一个专门为单页面应用(单页面应用可以看成一个拥有多个页面的网站,你在开发文件夹中只能看见一个.html文件)快速搭建繁杂的脚手架。如果你使用过一些其他语言的框架(比如说Python的Django或flask,或爬虫框架scrapy等)这里的vue/cli就有些类似这样的框架,他会把一些代码框架在创建时就自动生成,便于开发的同时,让项目目录页变得相对规范。本博客由博主本人基于对官方文档的理解,会尽量使原创 2020-07-18 19:22:22 · 3648 阅读 · 1 评论 -
Vue的Vue-Router如何使用?Vue路由如何做?比官网文档更适合新手看的教程!(所以代码均完整,复制粘贴即可查看效果)基础篇 ∠( °ω°)/ 前端知识
Vue-Router简介Router:路由(注意:这里的路由完全不同于路由器!他们只是名字相似,其余毫无关系。)。这里的路由主要负责多个页面中的切换。大部分网站的页面都不止一个,多个页面直接,主要就是靠着路由进行着页面之间的联系。从A页面到B页面...原创 2020-07-11 02:06:33 · 751 阅读 · 0 评论 -
vscode如何修改默认的HTML模板?vscode如何创建vue模板?(现成vue和vueRouter模板,一键创建) ∠( °ω°)/ 前端知识
文章目录修改HTML模板修改HTML模板首先我们点击vscode左下角的设置按钮 > 然后在选择用户代码片段(如下图)点击用户代码片段后在软件中会弹出一个输入框,这里我们选择html.json(如果没有可以手动输入搜索一下),此方法还可以修改css,js之类的其余文件格式默认模板,当前我们主要就介绍html。HTML的代码片段就放在其中,其中我输入的两个Vue会用到的模板。{ // 将用于html的代码片段放在这里。 // 每个代码片段都在代码片段名称下定义,并具有前缀、主体和描述。原创 2020-07-06 01:04:12 · 3250 阅读 · 1 评论 -
Vue生命周期函数是什么?Vue生命周期函数有什么用? ∠( °ω°)/ 前端知识
生命周期函数简介原创 2020-07-02 15:19:38 · 2211 阅读 · 0 评论 -
Vue如何自定义组件?超详细Vue自定义组件指南!使用自定义组件减少重复造轮子! ∠( °ω°)/ 前端知识
文章目录使用意义基础使用给组件添加属性单一根元素使用意义有时候一组HTML代码可能会在多出使用(比如页眉页脚)。如果我们把这样的代码到处都进行复制粘贴,虽然一时方便了,但后期维护代价非常高,而且代码重复性较高,导致可读性也有所下降。这时候我们就可以将这些重复代码封装成一个组件,以后在使用的时候只需要写上自定义组件的标签即可直接调用。基础使用自定义组件Vue.component('标签名', {})一般我们的HTML模板和data数据以及方法之类的都会放在组件的大括号中。下面我会创建一个可以记录点击次原创 2020-06-27 00:12:40 · 16088 阅读 · 0 评论 -
从Django后端(python)角度学习前端VUE框架基础-下(触发视图更新,计算属性,监听器,过滤器) ∠( °ω°)/ 前端知识
文章目录触发视图更新常用方法计算属性监听属性自定义组件过滤器触发视图更新常用方法Vue中有一些用于数组的方法(和Python中用于列表的方法有很多相似之处,所以如果有一定Python基础的同学可能会很轻松就能看懂),Vue数组使用这些方法时就会触发更新。push() : 添加元素的方法。pop() : 删除数组最后一个元素。shift() : 删除数组的第一个元素。unshift("元素") : 在数组的开头位置添加一个元素。<!DOCTYPE html><html原创 2020-06-25 13:54:58 · 526 阅读 · 0 评论 -
Vue中v-bind,v-on,v-model都是干什么的(区别以及详细用法)?自制动图,一看就懂 ∠( °ω°)/ 前端知识
文章目录区别详细用法属性绑定(`v-bind:`或`:`)单值绑定多值绑定绑定style双向绑定(`v-model`)元素绑定修饰符区别v-bind:属性绑定(简写:), v-on:事件绑定(简写@), v-model:双向绑定(简写v-model,看下方的代码你就知道简写在哪了)。v-bind与v-model都是绑定vue中data中的属性的,他们最主要的区别是v-bind的绑定只是单向的,他会将data中的数据投影到绑定的地方,在被绑定的地方对数据修改时,data中的原始数据是不会改变的,而v-m原创 2020-06-20 13:01:09 · 21432 阅读 · 7 评论 -
从Django后端(python)角度学习前端VUE框架基础-上(配置环境,绑定属性,条件判断,循环) ∠( °ω°)/ 前端知识
文章目录简介VUE简介作为一名使用Python的开发,想学习一下前端vue框架,本博客主要已Python的角度去和vue的一些功能进行对比,让学过Python的开发人员更容易上手vue框架!VUEVUE官网, VUE网上的介绍很多,这里就不在就不做过多介绍了,我们直入主题...原创 2020-06-16 21:59:53 · 815 阅读 · 0 评论