vue
熬夜的卡多希
毕竟一生很短 少有圆满
展开
-
vue引入jquery报错 $ is not defined
在webpack.base.conf.js里加入const webpack = require("webpack")然后在module.exports的最后加入plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ jQu...原创 2018-06-11 20:33:01 · 20369 阅读 · 5 评论 -
vue 引入自定义全局css和js
vue 引入自定义css 和js一. 引入自定义js方法一首先在main.js中引入:import Comjs from './js/common.js' //引入公用jsVue.prototype.$comjs = Comjs; //添加到vue属性中自定义js 中写:const comjs = {}comjs.title = fun...原创 2018-06-22 16:04:29 · 26802 阅读 · 2 评论 -
vue 动态添加样式
vue实现点击切换改变样式html代码:根据数据动态循环一个列表<ul> <li class="box" v-for="(list,index) in dataList" :key="index" :class="{'bor':clicked==index}" @click="changeTab(index)">{{list}}&原创 2018-06-15 14:51:02 · 25490 阅读 · 0 评论 -
vue 注册子组件
vue 组件注册注册一个子组件并引用在父组件中引入子组件import sonComponents from "./son.vue"在components中注册该组件export default { data(){ return{ } }, components:{ sonCompon...原创 2018-06-15 15:05:17 · 3917 阅读 · 0 评论 -
vue 父子组件通信
vue 父子组件之间的通信1. 父组件调用子组件的方法 父组件:<template> <div> <button @click="clickOpen">click me</button> <sonComponents ref="sonCom"></sonCompon原创 2018-06-15 18:11:33 · 231 阅读 · 0 评论 -
在vue中安装使用sass的方法
脚手架安装vue项目npm install -g vue-cli 安装项目依赖npm install运行项目npm run dev安装sass依赖npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass安装完成如图所示:在页面中使用...原创 2018-10-31 17:53:34 · 21732 阅读 · 0 评论 -
vue过滤器
Vue中可以自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示。1、简单过滤器&amp;lt;!--在v-bind中--&amp;gt;&amp;lt;div v-bind:id=&quot;taskId | addId&quot;&amp;gt;&amp;lt原创 2018-11-01 18:23:00 · 1143 阅读 · 0 评论 -
vue定义全局变量
1、将从服务器请求的数据作为全局变量(全局变量模块挂载到Vue.prototype)在开发中,有时需要将从接口请求到的一些数据当做全局变量,在其他页面多次使用。比如,登录成功后可能需要将用户名,id等信息存起来,便于其他页面展示或使用,将这些信息定义为全局变量是用起来就很方便。举栗子:在login.vue中拿到了用户的一些信息:&lt;script&gt; import Vue f...原创 2018-11-02 15:01:00 · 39753 阅读 · 5 评论