文章分类 -  vueJs 和 vue-cli脚手架

vue
摘要:在项目开发的时候,接口联调的时候一般都是同域名下,且不存在跨域的情况下进行接口联调,但是当我们现在使用vue-cli进行项目打包的时候,我们在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx.com/sa 阅读全文
posted @ 2018-05-02 16:47 Shimily 阅读(2467) 评论(0) 推荐(0)
摘要:git fetch --all git reset --hard origin/master git pull 阅读全文
posted @ 2018-04-27 10:53 Shimily 阅读(3521) 评论(0) 推荐(0)
摘要:Vue所有的生命周期钩子自动绑定在this上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文,因此this与你期待的Vue实例不同。 1、beforeCreate 在实例初始化之后,数据观测和event/watc 阅读全文
posted @ 2018-04-11 11:33 Shimily 阅读(201) 评论(0) 推荐(0)
摘要:我理解的官方文档的这句话的侧重点在最后那半句获取更新后的DOM,获取更新后的DOM言外之意就是什么操作需要用到了更新后的DOM而不能使用之前的DOM或者使用更新前的DOM或出问题,所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM 阅读全文
posted @ 2018-04-10 15:37 Shimily 阅读(120) 评论(0) 推荐(0)
摘要:我们可以修改 因为最新版本的vue-cli已经放弃dev-server.js,只需在webpack.dev.conf.js配置就行 新版webpack.dev.conf.js配置如下: 代码1: 代码2: webpack.dev.conf.js整体配置完成是这样的: 阅读全文
posted @ 2018-04-10 14:44 Shimily 阅读(304) 评论(0) 推荐(0)
摘要:'rules': { "comma-dangle": ["error", "never"], //是否允许对象中出现结尾逗号 "no-cond-assign": 2, //条件语句的条件中不允许出现赋值运算符 "no-console": 2, //不允许出现console语句 "no-constant-condition": 2, //条件语句... 阅读全文
posted @ 2018-04-09 17:54 Shimily 阅读(1868) 评论(0) 推荐(0)
摘要:如何配置sass 一、安装对应依赖node模块: 1 2 npm install node-sass --save-dev npm install sass-loader --save-dev 1 2 npm install node-sass --save-dev npm install sass 阅读全文
posted @ 2018-04-09 14:25 Shimily 阅读(204) 评论(0) 推荐(0)
摘要:总共分为8个阶段:创建前/后,载入前/后,更新前/后,销毁前/后。 阅读全文
posted @ 2018-03-13 14:23 Shimily 阅读(226) 评论(0) 推荐(0)
摘要:我们从图中看两个节点: created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。 mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。 其实两者比较好理解,通常created使用的次数多,而mounted通常是 阅读全文
posted @ 2018-03-13 14:19 Shimily 阅读(238) 评论(0) 推荐(0)
摘要:http://blog.csdn.net/just_for_your_smile/article/details/78815783 一.定义不变的vue全局变量 一般我们都会定义一些 常量,比如基础的访问域名, 静态资源版本号。 可以将该常量绑定到vue的全局属性上即可: 添加方法(在vue-cli 阅读全文
posted @ 2018-02-27 16:35 Shimily 阅读(9258) 评论(0) 推荐(0)
摘要:1.安装vue-resource 2.main.js里面引入配置 3.使用方法: vue-从接口请求数据例子: 阅读全文
posted @ 2018-02-27 15:27 Shimily 阅读(1018) 评论(0) 推荐(1)
摘要:nvm install v4.1.0 安装node相应版本 nvm list 查看node版本 nvm use v4.1.0 切换使用node版本 nvm use 4.4.4 切换使用node版本 nodejsv8.7.0: https://npm.taobao.org/mirrors/node/v 阅读全文
posted @ 2018-02-22 15:05 Shimily 阅读(6502) 评论(0) 推荐(0)
摘要:1。 父组件向子组件传值:通过props数组: 在vue-cli Login.vue父组件中有AcceptAndRefuse.vue子组件,首先import进子组件hello,然后在components中注册组件,然后在template中使用<hello></hello>组件,制定msg信息 父组件 阅读全文
posted @ 2017-11-17 10:03 Shimily 阅读(1157) 评论(0) 推荐(0)
摘要:<router-link>渲染出来就是标签了,上面绑定的click=jump就没有了,能不能在渲染出来的标签上面监听事件呢? 想在<router-link>渲染出来的标签上监听click事件怎么办? 阅读全文
posted @ 2017-11-16 17:01 Shimily 阅读(1945) 评论(0) 推荐(0)
摘要:前段时间终于终于可以用vue-cli,webpack做个企业站,记一下过程。。。 首先node.js,按照vue官网的步骤命令提示符走一波,网速原因,所以用的是淘宝镜像 cnpm # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpa 阅读全文
posted @ 2017-11-13 16:27 Shimily 阅读(230) 评论(0) 推荐(0)
摘要:webpack vue-cli 一有空格和分号就报错 eslintrc.js 这是ESLint的配置文件,至于为什么用ESLint的话,就是为了自动检查代码,保持一致的代码风格,从而保证代码质量. 这里需要注意的是,在eslintrc.js文件里面:rules是自定义的检查规则,可以覆盖默认的检查规 阅读全文
posted @ 2017-11-13 16:23 Shimily 阅读(1475) 评论(0) 推荐(0)
摘要:-> rm -rf ./node_modules/ 删除node_modules里的所有内容包括node_modules文件夹 阅读全文
posted @ 2017-11-13 10:35 Shimily 阅读(401) 评论(0) 推荐(0)
摘要:https://zhuanlan.zhihu.com/p/21802181 先按装vue脚手架:vue-cli 安装mint-ui 安装 babel-plugin-component 然后在 .babelrc 中配置它: 引入方法1:【全部引入】 引入方法1:【局部引入】 插件会自动引入相应的 CS 阅读全文
posted @ 2017-11-09 22:28 Shimily 阅读(2644) 评论(0) 推荐(0)
摘要:npm install <name>安装nodejs的依赖包 例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6 npm install <name> -g 将包安装到全局 阅读全文
posted @ 2017-11-09 22:14 Shimily 阅读(122) 评论(0) 推荐(0)
摘要:以npm安装msbuild为例: npm install msbuild: 会把msbuild包安装到node_modules目录中 不会修改package.json 之后运行npm install命令时,不会自动安装msbuild npm install --save: 会把msbuild包安装到 阅读全文
posted @ 2017-10-31 11:20 Shimily 阅读(592) 评论(0) 推荐(0)