![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
夕麻
这个作者很懒,什么都没留下…
展开
-
vue-cli
vue-clivue-cli是和vue进行深度组合的工具,可以快速帮我们创建vue项目,并且把一些脚手架相关的代码给我们创建好。真正使用vue开发项目,都是用vue-cli来创建项目的。安装Vue CLI需要Node.js 8.9或更高版本 (推荐8.11.0+)。node环境安装后,直接通过npm install -g @vue/cli即可安装。安装完成后,输入vue --version,...原创 2020-04-01 16:30:00 · 120 阅读 · 0 评论 -
node环境配置
nvm安装nvm(Node Version Manager)是一个用来管理node版本的工具。我们之所以需要使用node,是因为我们需要使用node中的npm(Node Package Manager),使用npm的目的是为了能够方便的管理一些前端开发的包!nvm的安装非常简单,步骤如下:到这个链接下载nvm的安装包:https://github.com/coreybutler/nvm-wi...原创 2020-03-31 18:43:30 · 114 阅读 · 0 评论 -
vue router基础
路由概念在网页中,经常需要发生页面更新或者跳转。这时候我们就可以使用Vue-Router来帮我们实现。Vue-Router是用来做路由的,也就是定义url规则与具体的View映射的关系。可以在一个单页面中实现数据的更新。安装使用CDN:加载最新版的:<script src=“https://unpkg.com/vue-router/dist/vue-router.js”>。...原创 2020-03-30 14:58:03 · 139 阅读 · 0 评论 -
Vue 生命周期函数&过滤器
生命周期函数生命周期函数代表的是Vue实例,或者是Vue组件,在网页中各个生命阶段所执行的函数。生命周期函数可以分为创建阶段和运行期间以及销毁期间。其中创建期间的函数有beforeCreate、created、beforeMount、mounted;运行期间的函数有beforeUpdate、updated;销毁期间有beforeDestroy、destroyed。以下是官方文档给到的一张...原创 2020-03-27 14:06:52 · 201 阅读 · 0 评论 -
Vue 自定义组件
有时候有一组html结构的代码,并且这个上面可能还绑定了事件。然后这段代码可能有多个地方都被使用到了,如果都是拷贝来拷贝去,很多代码都是重复的,包括事件部分的代码都是重复的。那么这时候我们就可以把这些代码封装成一个组件,以后在使用的时候就跟使用普通的html元素一样,拿过来用就可以了。基本使用<div id="app"> <button-counter><...原创 2020-03-26 12:56:49 · 198 阅读 · 0 评论 -
表单输入绑定
v-model指定可以实现表单值与属性的双向绑定。即表单元素中更改了值会自动的更新属性中的值,属性中的值更新了会自动更新表单中的值。绑定的属性和事件:v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件:text和textarea元素使用value属性和input事件。checkbox和radio使用checked属性和change事件。select字段将value作为p...原创 2020-03-23 13:56:47 · 112 阅读 · 0 评论 -
Vue 计算属性和监听器
计算属性一般情况下属性都是放到data中的,但是有些属性可能是需要经过一些逻辑计算后才能得出来,那么我们可以把这类属性变成计算属性。比如以下:<div id="app"> <label for="length">长:</label> <input type="number" name="length" v-model:value="le...原创 2020-03-21 11:22:25 · 110 阅读 · 0 评论 -
Vue模板语法
文本在html中通过{{}}(双大括号)中可以把Vue对象中的数据插入到网页中。并且只要Vue对象上对应的值发生改变了,那么html中双大括号中的值也会立马改变。<div id="app"> <p>{{username}}</p> <button v-on:click="change">点击修改</button>&l...原创 2020-03-20 17:31:14 · 143 阅读 · 0 评论 -
Vue介绍
VSCode插件安装后面开发Vue项目,使用.vue的单文件开发,就需要一些插件来帮我们识别.vue文件。插件安装在Extension中,点开即可看到一个搜索按钮,可以输入关键字搜索自己想要的插件。这里我们开发Vue推荐的几个插件:jshint:js代码规范检查。Beautify:一键美化代码的插件。Vetur:.vue文件识别插件。Javascript(ES6) code snip...原创 2020-03-19 10:30:43 · 78 阅读 · 0 评论