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替换成params2，img标签动态绑定静态src地址时，图片不能正...原创 2018-01-04 09:39:27 · 1096 阅读 · 0 评论 -
vue + mint ui 开发webapp项目
mint ui 特性介绍Mint UI 包括丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。真正意义上的按需加载组件，可以只加载声明过的组件及其样式文件，无需在纠结文件体积过大。考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。依托 Vu...原创 2018-08-19 09:39:40 · 2939 阅读 · 0 评论 -
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 · 2979 阅读 · 0 评论 -
vue - vuex
官网地址：https://vuex.vuejs.org/zh/guide/每个【vuex】应用的核心 就是【store】（仓库）【store】基本上就是一个容器，它包含着你的应用中大部分的【状态】（state）Vuex 和单纯的全局对象的区别Vuex 的状态存储是响应式的。当Vue组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么对应的组件也会相应的得到...原创 2018-07-31 20:15:46 · 284 阅读 · 1 评论 -
vue - vue-router 进阶
1，导航守卫通过跳转或取消的方式来守卫导航（1）全局守卫 - router.beforeEach()const router = new VueRouter({ ... })router.beforeEach((to, from, nect) => { // ...})其中，to/from 表示即将 进入/离开的路由对象 next()必须被调用，否则钩子不会被 ...原创 2018-07-31 15:54:07 · 249 阅读 · 0 评论 -
vue - vue-router
官方文档地址：https://router.vuejs.org/zh/vue-router 是 Vue.js 官方的路由管理器。它和Vue.js深度集成，让构建单页面应用变得易如反掌。1，这是一个简单的栗子HTML：<script src="http://unpkg.com/vue/dist/vue.js"></script><script原创 2018-07-31 10:45:07 · 304 阅读 · 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 · 379 阅读 · 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 · 11798 阅读 · 0 评论 -
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 · 13296 阅读 · 0 评论 -
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 · 22882 阅读 · 9 评论 -
Vue项目在 IE 下警告“ReferenceError:‘Promise’未定义” 的解决办法
问题原因：ie9和一些低版本的高级浏览器对es6新语法并不支持。解决办法：npm install --save-dev babel-polyfill原创 2018-02-26 16:48:26 · 8193 阅读 · 1 评论 -
vue-cli 项目中引入jquery、sass、md5、ElementUI、vue-cookie
1，新增 sass 模块安装：npm install sass-loader node-sass --save-dev.vue文件的style标签改写为：&amp;amp;amp;amp;lt;style scoped lang=&amp;amp;amp;quot;scss&amp;amp;amp;quot;&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/style&a原创 2018-01-04 09:07:47 · 3116 阅读 · 1 评论 -
vue创建新项目的具体步骤
1，安装node下载地址：https://nodejs.org/en/左侧 LTS 版本为稳定版，建议下载；右侧 Current 为最新版，有些新功能可能会出现 bug。2，安装cnpmnpm install -g cnpm –registry=https://registry.npm.taobao.org注：因为npm安装插件是从国外服务器下载，受网络影响大，可能会出现异常...原创 2018-01-04 08:55:04 · 9009 阅读 · 0 评论 -
vue - mock 数据
1，安装：$ npm i mockjs --save-dev2，新建 【mock/index.js】文件import Mock from 'mockjs'import loginApi from './login'Mock.setup({ timeout: '350-600'})// mock 数据，地址为return fetch 中的 urlMock.m...原创 2018-08-21 16:03:53 · 458 阅读 · 0 评论