Nuxt.js路由介绍
Nuxt.js路由介绍
Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。1、基础路由假设 pages 的目录结构如下:pages--| user-----| index.vue-----| one.vue--| index.vuevue组件部分代码<divclass="links">    <router-linkto="/user"targ
浏览:440 标签: Nuxt vue ssr
vue使用element-ui组件时v-for循环el-upload表单项验证
vue使用element-ui组件时v-for循环el-upload表单项验证
有这么一个需要:需要动态生成不限数量的商标组表单,如下所示:<divclass="brandList"v-for="(item,index) in shopForm.trademrakListObj":key='index'>    <el-form-itemlabel="商标类型:"class="line"">        <el-radio-group v-mode
浏览:852 标签: element-ui el-upload vue
vue使用element-ui组件时v-for循环里的表单项验证
vue使用element-ui组件时v-for循环里的表单项验证
首先有一个这样的需求,表单中默认有一个联系人信息,用户可以再添加新的联系人信息点击添加更多联系人之后官方文档中有写用v-for来实现新增表单,但是那是单表单的新增,现在多表单的新增,可以考虑的实现方法是先写死一个必须的表单,需要新增的两个表单放在一个div里,在div中使用v-for生成,达到同时新增的效果代码如下<!--必填一个联系人的表单--><el-form-i
浏览:537 标签: element-ui vue
element-ui隐藏滚动条组件el-scrollbar的使用
element-ui隐藏滚动条组件el-scrollbar的使用
        vue Element UI官方文档上并没有放出滚动条相关的示例说明,但是实际上是有这么一个组件的,可查看源码。        看一下build/webpack.conf.js这个文件,会发现打包的文件入口是./src/index.js,我们再去看一下这个文件。里面内容除了包含给vue安装插件,原型上挂载对象之类的操作外,就是用插件的方式把Element组件给
浏览:1282 标签: el-scrollbar element-ui 滚动条
vue学习笔记总结
vue学习笔记总结
class绑定http://menvscode.com/detail/59c29a7b3bb2bd430d7a7e32函数固定参数$eventhttp://menvscode.com/detail/59ce5abe10c98d0e654c1b78表单元素http://menvscode.com/detail/59cfa1c010c98d0e654c1b79自定义指令
浏览:352 标签: vue
vue-cli脚手架中引入jquery
vue-cli脚手架中引入jquery
1、安装jquery依赖npm install jquery --save2、进入webpack.base.conf.js文件,开始顶部是这样的,添加代码var path =require('path')var utils =require('./utils')var webpack =require("webpack") // 这是要添加的var config =requi
浏览:511 标签: jquery vue-cli
vue中$set介绍与$set在数组中的应用
vue中$set介绍与$set在数组中的应用
由于 JavaScript 的限制,Vue 不能检测以下变动的数组: 当利用索引直接设置数组的某一项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length = newLength,不会更新数组。 当然vue中给了解决方法,就是使用 Vue.set,vm.$set(Vue.set的变种写法)或者 sp
浏览:529 标签: vue $set 数组
提取Vue项目的中单个的CSS/LESS/SASS并压缩的配置方法
提取Vue项目的中单个的CSS/LESS/SASS并压缩的配置方法
可提取单个 CSS 的插件有两个,分别为 extract-text-webpack-plugin 和 mini-css-extract-plugin, 前者再配置一个 minimize 即可实现压缩功能,后者配置另一个插件 optimize-css-assets-webpack-plugin  即可实现压缩功能。extract-text-webpack-plugin 
浏览:1971 标签: less css sass vue
vue-cli脚手架中使用Less
vue-cli脚手架中使用Less
vue-cli 构建的项目默认是没有配置 less 的,需要自己进行配置。1、安装 less 和 less-loader ,在项目目录下运行如下命令:npm install less less-loader --save-dev2、打开 build/webpack.base.conf.js ,在 module.exports = 的对象的 module.rules 后面添加
浏览:688 标签: Less vue-cli vue
vue-cli脚手架种中引入elementUI
vue-cli脚手架种中引入elementUI
1、打开cmd,在当前目录中运行> npm install element-ui -save`-- element-ui@2.3.7 +-- async-validator@1.8.2 +-- deepmerge@1.5.2 +-- normalize-wheel@1.0.1 +-- resize-observer-polyfill@1.5.0 `-- th
浏览:1173 标签: elementUI vue-cli vue
vue深入组件通信
vue深入组件通信
建议:博客中的例子都放在vue_blog_project工程中,推荐结合工程实例与博客一同学习vue中,组件是带有一个名字、可复用的 Vue 实例。由于 Vue 是面向视图的MVVM框架,组件可以看做是对数据和方法的简单封装、具有独立的逻辑和功能的界面,多个组件按照一定规则的组合最终成为一个完整的应用。1. 组件的注册1.1 全局注册Vue.component()用来创
浏览:709 标签: 组件通信 vue
vue深入生命周期
vue深入生命周期
这篇博客将会从下面四个常见的应用诠释组件的生命周期,以及各个生命周期应该干什么事    1、单组件的生命周期    2、父子组件的生命周期    3、兄弟组件的生命周期    4、宏mixin的生命周期生命周期:Vue 实例从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期,各个阶段有相对应的事件钩子1
浏览:612 标签: 生命周期 vue

邮箱快速注册

忘记密码