vue项目中使用到的二维码插件,记录下来,以便日后回顾 安装vue-qr npm install vue-qr --save 在components新建一个vue组件,eg:vueQr.vue (以下为组件完整代码) &…
标签:vue.js教程
windows10下,零基础学习VUE(1)--环境配置服务启动(vscode(安装插件vetur)+flask)
Step1:安装node.js 安装后可以使用npm工具 配置npm工具,使用国内镜像 npm install -g cnpm –registry=https://registry.npm.taobao.or…
vue自定义指令update 和 componentUpdated及bind 和 inserted区别
1. 适用 需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令 2. 钩子函数参数 除了 el 之外,其它参数都应该是只读的,切勿进行修改 <div v-if="show" v-my-directive…
项目实战-在Vant的基础上实添加验证框架
Vant 一套基于Vue的移动端UI框架,有赞出品。 因为UI设计的够漂亮,源码结构也比较清晰,插件定位也比较明确,重要是实战过程中的使用体验不错。在最近的项目当中就使用 Vant 作为移动端的基础UI框架,但在实践过程…
Vue列表渲染
用v-for把一个数组对应为一个组件元素 我们用v-for指令根据一组数组的选项列表进行渲染。v-for指令需要使用item in items形式的语法: <ul> <li v-for="item in…
Vue系列之目录
vuePress踩坑小记Vue组件通信vue系列之双向绑定&vDom总结vue系列之vue cli 3引入tsvue系列之生命周期vue系列之vue cli 3.0初体验Vue系列之搭建环境vue系列之requi…
Vue 中的样式绑定
class的对象绑定 在开发的过程中,难免会给dom元素添加一些样式,在 Vue 之中我们该如何绑定样式呢? 现在有这样一个想法,div被点击一次,变成红色,当再次被点击时,恢复为默认的颜色, 再点击一次又变成红色,想实…
最简单的Vue.js入门方法
最近花了几天看了下vue, 确实vue相对于其他两大前端框架来说,学习成本会低很多。 文档、社区、资料都很完善。下面是我觉得还不错的学习路径,希望对你有帮助。 传统的前端项目开发最大的问题是没法工程化和模块化。 css跟…
在VUE中你使用slot插槽的理由是什么
个人理解slot适用的场景是那些可以将多个组件看做一个整体,这个整体会被复用。但其中的一些部分内容不固定。 首先和v-bind最大的不同是v-bind只能绑定数据,而slot可以传入数据、HTML结构甚至是组件。其次使用…
Vue.js2.0基础学习笔记
1、使用脚手架Vue-cli构建vue项目 初始化项目:vue create project 或 vue ui 进入项目根目录:cd project 在服务器中打开:npm run serve 或 yarn serve …
vue中如何去掉空格
一、问题 vue中当用户提交表单时,有的数据需要去掉前后空格然后再向后端发送。 二、解决方法 首先可以使用v-model.trim这个v-model修饰符去解决它,但是当用户输入\u200B时,这个方法就不奏效了,这时我…
vue程序关闭语法验证
在最近的一个项目中,我开始使用vue框架进行网站编写。创建项目时使用了脚手架工具,并开启了Eslint语法验证。但在开发过程中,项目需要引用外部的js文件,而外部文件无法严格遵循eslint语法规则。最终决定关闭Esli…