vue-js学习笔记
关注
分享
扫一扫
文章平均质量分 84
来自星星的马
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue常用功能及注意事项
1，路由跳转（A页面 -> B页面） A: this.$router.push({name: 'routerName', query: {key: 'value'}}) B: this.$route.query.key // 获取value值 注：B页面是$route，而不是$router，也可以将query替换成params 2，img标签动态绑定静态src地址时，图片不能正...原创 2018-01-04 09:39:27 · 1165 阅读 · 0 评论 -
vue创建新项目的具体步骤
1，安装node 下载地址：https://nodejs.org/en/ 左侧 LTS 版本为稳定版，建议下载；右侧 Current 为最新版，有些新功能可能会出现 bug。 2，安装cnpm npm install -g cnpm –registry=https://registry.npm.taobao.org 注：因为npm安装插件是从国外服务器下载，受网络影响大，可能会出现异常...原创 2018-01-04 08:55:04 · 9574 阅读 · 0 评论 -
vue-cli 项目中引入jquery、sass、md5、ElementUI、vue-cookie
1，新增 sass 模块 安装：npm install sass-loader node-sass --save-dev .vue文件的style标签改写为： <style scoped lang="scss"></style&a原创 2018-01-04 09:07:47 · 3234 阅读 · 1 评论 -
Vue项目在 IE 下警告“ReferenceError:‘Promise’未定义” 的解决办法
问题原因：ie9和一些低版本的高级浏览器对es6新语法并不支持。 解决办法： npm install --save-dev babel-polyfill原创 2018-02-26 16:48:26 · 8300 阅读 · 1 评论 -
Vue 使用 mqttws31.js 实现消息实时推送功能（WebSocket）
1，在 .vue 文件中引入 mqttws31.js 文件（mqttws31.js 文件代码在本页底部） import '@/utils/mqttws31' 2，在 .vue 文件中添加代码 export default { data() { return { client: new Paho.MQTT.Client('192.168.11.248', 900...原创 2018-02-26 09:27:01 · 23236 阅读 · 9 评论 -
vue 下配置标题栏 title 图标及文字的具体步骤
1，普通 HTML 页面，配置图标及文字 <head> <title>标题栏文字</title> <link rel="icon" href="../favicon.ico" type="image/x-icon"> </head> 2，vue 项目中，配置图标及文字 1，在网站根目录下的原创 2018-03-08 11:21:02 · 13479 阅读 · 0 评论 -
vue-cli下ESlint 配置说明
1，关闭eslint 这里只说vue-cli脚手架的关闭方法，其实很简单，就是把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。 module: { rules: [ // { // test: /\.(js|vue)$/, // loader: 'eslint-loader', ...原创 2018-03-01 10:56:10 · 11954 阅读 · 0 评论 -
vuex 学习笔记
vuex 官网：https://vuex.vuejs.org/zh-cn/ 一，vuex 概述：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导...原创 2018-03-16 13:40:53 · 448 阅读 · 0 评论 -
vue - vue-router
官方文档地址：https://router.vuejs.org/zh/ vue-router 是 Vue.js 官方的路由管理器。它和Vue.js深度集成，让构建单页面应用变得易如反掌。 1，这是一个简单的栗子 HTML： &lt;script src="http://unpkg.com/vue/dist/vue.js"&gt;&lt;/script&gt; &lt;script原创 2018-07-31 10:45:07 · 371 阅读 · 0 评论 -
vue - vue-router 进阶
1，导航守卫 通过跳转或取消的方式来守卫导航 （1）全局守卫 - router.beforeEach() const router = new VueRouter({ ... }) router.beforeEach((to, from, nect) =&gt; { // ... }) 其中，to/from 表示即将 进入/离开的路由对象 next()必须被调用，否则钩子不会被 ...原创 2018-07-31 15:54:07 · 299 阅读 · 0 评论 -
vue - vuex
官网地址：https://vuex.vuejs.org/zh/guide/ 每个【vuex】应用的核心 就是【store】（仓库） 【store】基本上就是一个容器，它包含着你的应用中大部分的【状态】（state） Vuex 和单纯的全局对象的区别 Vuex 的状态存储是响应式的。当Vue组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么对应的组件也会相应的得到...原创 2018-07-31 20:15:46 · 348 阅读 · 1 评论 -
vue - 前端面试题
1，active-class 是哪个组件的属性？嵌套路由怎么定义？ 答：vue-router 模块的 router-link 组件。 2，怎么定义 vue-router 的动态路由？怎么获取传过来的动态参数？ 答：在路由的 path 属性上加上 【/:id】。获取：router.params.id。 3，vue-router 有哪几种导航钩子？ 答：（1）全局导航钩子：beforeEac...原创 2018-08-02 17:19:41 · 3117 阅读 · 0 评论 -
vue + mint ui 开发webapp项目
mint ui 特性介绍 Mint UI 包括丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。 真正意义上的按需加载组件，可以只加载声明过的组件及其样式文件，无需在纠结文件体积过大。 考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。 依托 Vu...原创 2018-08-19 09:39:40 · 3000 阅读 · 0 评论 -
vue - mock 数据
1，安装： $ npm i mockjs --save-dev 2，新建 【mock/index.js】文件 import Mock from 'mockjs' import loginApi from './login' Mock.setup({ timeout: '350-600' }) // mock 数据，地址为return fetch 中的 url Mock.m...原创 2018-08-21 16:03:53 · 538 阅读 · 0 评论