随笔分类 -  vue

升级vue-li 3 、 webpack 4
摘要：1、npm install -g @vue/cli 2、npm install vue-cli -g 阅读全文
posted @ 2019-06-19 15:58 逆光飞翔23 阅读(218) 评论(0) 推荐(0)
vue 多环境打包
摘要：1、修改packjson 新增一个要编译的命令 2、新建一个builddev.js 3、index.js修改 把build复制一份，修改相应的index、assetsRoot、assetsSubDirectory、assetsPublicPath 4、修改webpack.base.conf.js 5 阅读全文
posted @ 2018-09-13 15:14 逆光飞翔23 阅读(238) 评论(0) 推荐(0)
vuex 学习笔记
摘要：1、vuex的简单使用方法 安装： cnpm install vuex --save 使用： （1）新建一个store的文件夹 代码例子： （2）在main.js里面引用 （3）在组件里面里面使用 2、state （1）mapState函数 当一个组件需要获取多个状态时候，将这些状态都声明为计算属性 阅读全文
posted @ 2017-12-06 18:06 逆光飞翔23 阅读(230) 评论(0) 推荐(0)
vue 搭建模拟数据生成服务器--学习笔记
摘要：1、json-server搭建mock服务器--<1> （1）全局安装json-server cnpm install json-server -g （2）在项目的直接目录下创建mock的文件夹 （3）在mock的文件夹里面添加db.json的文件，并且在db.json的文件可以配置我们想要的jso 阅读全文
posted @ 2017-11-06 10:42 逆光飞翔23 阅读(734) 评论(0) 推荐(0)
vue 笔记2
摘要：1、要在vue里面使用scss的话，必须在style上面加一句 其次, 还要安装 cnpm install node-sass --save-dev cnpm install sass-loader --save-dev 这两个，就可以使用了； 2、当要判断props的某个值是否存在时（type）， 阅读全文
posted @ 2017-08-28 14:03 逆光飞翔23 阅读(111) 评论(0) 推荐(0)
vue 子父组件之间的通信
摘要：父组件向子组件传递参数通过【:参数名=“参数”】来传递参数给子组件； 子组件接收父组件的参数通过【props:[参数名]】，但是这边要注意的是，父组件传给子组件的参数名带有【-】的话，在子组件里面要写成驼峰式的； 比如： 子组件向父组件派发事件：通过this.emit("事件名")； 父组件接收子组 阅读全文
posted @ 2017-08-25 10:10 逆光飞翔23 阅读(130) 评论(0) 推荐(0)
vue+webpack 错误笔记
摘要：这个1、超出几行显示省略号，不生效 设置成这样，但是在实际生成 -webkit-box-orient: vertical; 这个没了 解决办法 2、 阅读全文
posted @ 2017-07-13 10:46 逆光飞翔23 阅读(156) 评论(0) 推荐(0)
vue 学习新笔记
摘要：1、Vue.set(target, key, value) target: 只要修改的数组或者对象 key: 要修改的键名或者位置 value： 新值 比如：有一个数组：items: ["111", "222", "333"] 如果通过：app.items[2] = '444'去修改的话，页面上是不 阅读全文
posted @ 2017-07-09 00:05 逆光飞翔23 阅读(109) 评论(0) 推荐(0)
vue-router 笔记
摘要：1、 动态路由匹配 比如：（动态路由的高级匹配） https://github.com/vuejs/vue-router/blob/next/examples/route-matching/app.js 2、 编程式导航 （1）router.push(…) 使用router.push(…)【等同于< 阅读全文
posted @ 2016-10-28 14:55 逆光飞翔23 阅读(702) 评论(0) 推荐(0)
vue 笔记
摘要：1、 Vue 指定id 一个页面中要给要使用Vue的地方指定一个id，把他赋值给el。 比如： <div id="app"> <h1>{{message}}</h1> <input type="text" v-model="message"> <span> {{ $data.message}} </ 阅读全文
posted @ 2016-10-28 14:50 逆光飞翔23 阅读(305) 评论(0) 推荐(0)