随笔分类 - Vue
摘要：html <input id="file" type="file" accept=".map" onchange="upload()" /> JS document.getElementById('file').value = null; vue <input ref="referenceUploa
阅读全文
摘要：https://www.cnblogs.com/hankleo/p/11595156.html
阅读全文
摘要：https://blog.csdn.net/qq_43082782/article/details/101358651
阅读全文
摘要：//vue-router 官方demo 好像也不行 export default { data () { return { loading: false, post: null, error: null } }, created () { // fetch the data when the vie
阅读全文
摘要：https://www.cnblogs.com/atjinna/p/6907369.html
阅读全文
摘要：<template> <div> <div ref="hello"> hello world </div> <button @click="handleClick">我是按钮</button> </div> </template> <script> export default { name: 'H
阅读全文
摘要：mounted ： 在这发起后端请求，拿回数据，配合路由钩子做一些事情 （dom渲染完成 组件挂载完成 ） methods中一般都是定义的需要事件触发的一些函数。每次只要触发事件，就会执行对应的方法。 如果把computed中的方法写到method中会浪费性能。computed必须返回一个值页面绑定
阅读全文
摘要：过滤器函数可以使用在两个地方: 1.双大括号表达式 {{ 文本字符串 | 过滤函数 }} 2.v-bind:str= "文本字符串 | 过滤函数" 过滤函数接收的第一个参数是字符串message 过滤器串联 {{ 文本字符串 | 过滤函数1 | 过滤函数2 | ... | 过滤函数N }} 过滤器函
阅读全文
摘要：https://blog.csdn.net/qq_32407233/article/details/83819831 不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。 Vue.prototype.$appName = 'My App' 这样 $appNam
阅读全文
摘要：先创建store数据仓库 import Vue from 'vue' import Vuex from 'vuex' // import user from './modules/user' Vue.use(Vuex) export default new Vuex.Store({ modules:
阅读全文
摘要：// 引用 npm ip包，用来获取本地ip等操作，文档地址：https://www.npmjs.com/package/ip const ip = require('ip') // 引用path包(path属于node自带包，无需在package.json中引用安装即可直接引用)，用来操作路径，文
阅读全文
摘要："rules": { "generator-star-spacing": "off", "no-tabs":"off", "no-unused-vars":"off", "no-console":"off", "no-irregular-whitespace":"off", "no-debugger
阅读全文
摘要：main.js import Router from 'vue-router' // 这个是为了避免一个报错 const originalPush = Router.prototype.push; Router.prototype.push = function push(location) { r
阅读全文
摘要：# 通过 npm 安装 npm i vant -S 安装完配置 babel.config.js module.exports = { presets: ['@vue/app'], plugins: [ 'lodash', [ 'import', { libraryName: 'vant', libr
阅读全文
摘要：const Tabbar = () => import('@/components/Tabbar'); export default [ { path: '/', name: 'home', components: { //default与tabbar 等是同级路由模块,可以按命名控制展示与否 de
阅读全文
摘要：npm i --save-dev node-sass sass-loader 二、手动安装如果在创建项目没有选择CSS 预处理器，我们也可以手动安装sass-loader以及 node-sass来集成scss。 npm install -D sass-loader node-sass npm ins
阅读全文
摘要：最原始没有任何干扰的路由拦截 其他资料 import Vue from 'vue'; import Router from 'vue-router'; import home from './home'; Vue.use(Router); const RouterModel = new Router
阅读全文
摘要：var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 return th
阅读全文
摘要：Vue-router 1 router-link <router-link :to="{ path: '/hello', component: HelloWorld }">hello</router-link> <router-link :to="{ path: '/user/useradd' }"
阅读全文
摘要：vue-router是需要注册的， 在main.js引入 import router from './router'; 然后注册 这样就好了 msg通过msgFormat函数过滤返回给msg作为结果 <div id="app"> <p>{{ msg | msgFormat}}</p> </div>
阅读全文