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
浏览:121 标签: jquery vue-cli 时间: 2018-06-12 11:30
vue中$set介绍与$set在数组中的应用

vue中$set介绍与$set在数组中的应用

由于 JavaScript 的限制,Vue 不能检测以下变动的数组: 当利用索引直接设置数组的某一项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length = newLength,不会更新数组。 当然vue中给了解决方法,就是使用 Vue.set,vm.$set(Vue.set的变种写法)或者 sp
浏览:123 标签: vue $set 数组 时间: 2018-06-09 4:05
提取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 
浏览:340 标签: less css sass vue 时间: 2018-05-31 9:42
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 后面添加
浏览:217 标签: Less vue-cli vue 时间: 2018-05-11 15:10
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
浏览:334 标签: elementUI vue-cli vue 时间: 2018-05-10 20:22
vue深入组件通信

vue深入组件通信

建议:博客中的例子都放在vue_blog_project工程中,推荐结合工程实例与博客一同学习vue中,组件是带有一个名字、可复用的 Vue 实例。由于 Vue 是面向视图的MVVM框架,组件可以看做是对数据和方法的简单封装、具有独立的逻辑和功能的界面,多个组件按照一定规则的组合最终成为一个完整的应用。1. 组件的注册1.1 全局注册Vue.component()用来创
浏览:284 标签: 组件通信 vue 时间: 2018-05-09 11:35
vue深入生命周期

vue深入生命周期

这篇博客将会从下面四个常见的应用诠释组件的生命周期,以及各个生命周期应该干什么事    1、单组件的生命周期    2、父子组件的生命周期    3、兄弟组件的生命周期    4、宏mixin的生命周期生命周期:Vue 实例从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期,各个阶段有相对应的事件钩子1
浏览:218 标签: 生命周期 vue 时间: 2018-05-09 10:49
vue中解决跨域问题

vue中解决跨域问题

方法1、后台更改headerheader('Access-Control-Allow-Origin:*');//允许所有来源访问header('Access-Control-Allow-Method:POST,GET');//允许访问的方式方法2、使用JQuery提供的jsonp methods: { getData () {var self =this
浏览:463 标签: vue 跨域 时间: 2018-03-02 22:54
vue-cli脚手架中配置webpack.dev.conf.js文件实现数据模拟

vue-cli脚手架中配置webpack.dev.conf.js文件实现数据模拟

1、根目录下创建要模拟数据的文件 db.json{"getNewsList": [ {"id":1,"title":"新闻条目1新闻条目1新闻条目1新闻条目1","url":"http://starcraft.com" } ],"login": {"username":"yudongdong","userId":123123 },"getOrderLis
浏览:570 标签: webpack.dev.conf.js vue-cli vue 时间: 2018-02-07 0:45
vue-cli脚手架配置json-server

vue-cli脚手架配置json-server

1、安装 json-servernpm install json-server --save2、根目录下创建要模拟数据的文件 db.json{"getNewsList": [ {"id":1,"title":"新闻条目1新闻条目1新闻条目1新闻条目1","url":"http://starcraft.com" } ],"login": {"username
浏览:476 标签: json-server vue-cli 时间: 2018-02-05 23:13
vue生命周期和钩子函数

vue生命周期和钩子函数

        每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。        生命周期图示如下,官网生命周期函数介绍:https://cn.vuejs.org/v2/api/#选项-生
浏览:543 标签: vue 生命周期 钩子函数 时间: 2018-01-31 22:03
vue前端路由vue-router配置

vue前端路由vue-router配置

        一、vue-router使用步骤        (1) 安装vue-router模块npm install vue-router --save        (2) 引入模块 import VueRouterfrom'vue-router'        (3) 作为Vue的插件Vue.use(VueRouter)        (4) 创建路由实例对象
浏览:510 标签: vue-router 路由 vue 时间: 2018-01-30 17:18

邮箱快速注册

忘记密码