Vue.js
找个借口安静
一个平凡的编程手艺人
展开
-
前端框架Vue环境搭建&vue项目创建
第一步:去node官网下载适配本机系统的node.js node.js安装包以及源码下载地址:https://nodejs.org/en/download/(建议下载.msi,直接用.exe会导致环境变量不会自动配置)第二步:安装cnpm,用淘宝镜像 详细资料网址:http://npm.taobao.org/ 在命令行中输入 npm...原创 2018-04-18 11:45:25 · 319 阅读 · 0 评论 -
Vue.js在页面加载时执行某个方法
jQuery中可以这样写vue中,如果要达到相同效果,可以使用vue的生命周期函数,如create或者mounted附上vue.js的生命周期函数执行流程转载 2018-05-22 10:23:38 · 6519 阅读 · 0 评论 -
去掉vue 中的代码规范检测(Eslint验证)
我们在使用vue 脚手架时,为了规范团队的代码格式,会有一个代码规范检测,如果不符合规范就会报错,有时候我们不想按照他的规范去写。这时我们需要关闭。这里有两种方法。1.在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code? 写 no;2.如果项目已经生成,我们可以这样。在项目中代开 bulid 文件夹下的 webpack.base.conf...转载 2018-05-08 14:20:12 · 5083 阅读 · 0 评论 -
vue2.0 vue-cli项目中路由之间的参数传递
1.首先配置路由import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ { path: '/', name: 'home', component: require('../components/home.vu...原创 2018-04-28 11:55:05 · 1064 阅读 · 0 评论 -
JavaWeb之Vue
一、Web前端技术: 1、展示:html ,css. 2、交互:java applet , flash , javaScript(包含原生javascript时代,jquery时代,大前端时代[angularjs ,vue]). 二、angularjs: 1、起源:诞生2009年,由Misko Hevery等人创建,后被Google所收购。是一款优秀的前端JS框架, angul...转载 2018-04-27 09:25:31 · 1552 阅读 · 3 评论 -
使用Vue-Router 2实现路由功能
注意:vue-router 2只适用于Vue2.x版本,下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。npm install vue-router一、使用路由在main.js中,需要明确安装路由功能:import Vue from 'vue'import VueRouter from 'vue-router'import App from '...转载 2018-05-03 15:05:44 · 148 阅读 · 0 评论 -
vue引入公共css文件
1、在入口js文件main.js中引入,一些公共的样式文件,可以在这里引入。import Vue from 'vue'import App from './App' // 引入App这个组件import router from './router' /* 引入路由配置 */import axios from 'axios'import '../static/css/global.css' ...转载 2018-04-25 15:41:09 · 541 阅读 · 0 评论 -
vue-cli新建一个项目。项目中的各个文件代表的意思
转载 2018-04-25 15:01:24 · 582 阅读 · 0 评论 -
vue如何新建一个项目
身为入行未深的小白前端,不断的学习是我们不可丢失的习惯。前端流行的框架也是层出不穷,vue在众多框架中脱颖而出。今天花了两个小时的时间自己走了一边创建vue项目的流程,跟你们分享。1:打开cmd命令行,首先安装node步骤:https://nodejs.org/en/download/ node官网,选择跟自己的电脑匹配的版本进行下载,然后一步步的安装即可,输入node -v,如果出现版...转载 2018-04-25 13:55:48 · 701 阅读 · 0 评论 -
vue中动态控制btn的disabled属性
场景:当ajax请求回来的数据为空时,btn为disabled的状态,否则,btn的disabled属性为false代码:<button class="iconDivIcon targetBtn" :class="isdisabled?btndisabled:''" style="width:100px;" @click="changeEnables(0)" :disable...转载 2019-05-15 16:59:41 · 4651 阅读 · 0 评论