Vue
seven_an
一名奋发向上的前端妹子!
展开
-
在js文件中使用vue的router和store
在js文件中引入vue的路由配置文件 或者 store文件import store from '../store';import router from '../router';//直接使用即可router.push({'path': '/'})store.state.XXX;原创 2019-11-19 16:09:39 · 4816 阅读 · 0 评论 -
Vue移动端UI组件库Vant
安装npm install vant --save// 或者yarn add vant引入// 全局按需引入,在main.js中import Vue from 'vue';import 'vant/lib/index.css';import { Toast, Picker, Button,} from 'vant';Vue.use(Toast);Vue.use(Picker)...原创 2019-11-19 15:51:44 · 1118 阅读 · 0 评论 -
vue js入门
1、初步使用,引入node.js文件即可。 引入数据与DOM绑定。 {{ message }}var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})2、指令:带有前缀v-,表示它们是vue提供的特殊属性。 插值:文本用:{{message}} mustac原创 2017-06-12 17:23:43 · 368 阅读 · 0 评论 -
vue的 计算属性(computed)、methods、watched三者区别
计算属性 :和普通属性一样是在模板中绑定计算属性的,当data中对应数据发生改变时,计算属性的值也会发生改变。原始数据:{{msg}} 改变后的数据:{{changemsg}}var vm=new Vue({ el:"#example", data:{ msg:"hello",},computed:{ changemsg:function(){原创 2017-06-14 11:39:07 · 24623 阅读 · 1 评论 -
vue组件使用
页面中放入公用组件如下图,将公用的组件用import引入,然后放在组件库中,接下来就直接可以在html中使用了。原创 2017-10-10 14:45:44 · 267 阅读 · 0 评论 -
vue 过滤器基本用法
使用地点:双花括号插值和v-bind表达式。 {{ message|capitalize}} new Vue({ el:"#app", data:{ message:"pwd" }, filters:{ capitalize:function(value){ return value+'a' } }})注意:过滤器函数接收的第一个值是message,依次原创 2017-12-11 15:27:48 · 20479 阅读 · 0 评论 -
vue打包问题
汇总各种打包问题~打包后的资源路径加载404,修改config/index.js打包后部分图片路径不对,大多数已经编译成base64格式了,部分有问题在build/util.js添加代码...原创 2019-03-01 11:07:27 · 182 阅读 · 0 评论 -
vue中使用 mint-ui
全局引入及使用引用:在main.js文件中写入import Mint from 'mint-ui';import 'mint-ui/lib/style.css';Vue.use(Mint);使用:举两个示例*此处有疑问,我在vue中打印this,根本没有mint里面的这些方法,最后经过同事指导,才明白这些方法都在原型链上,我们需要打印 Object.getPrototypeOf...原创 2019-03-01 11:33:43 · 408 阅读 · 0 评论