框架
mandyucan
这个作者很懒,什么都没留下…
展开
-
一个简单的vue实例demo
- 写在前面:<a v-bind:href="url">链接</a><img v-bind:src="imgUrl"><!-- 缩写为 --><a :href="url">链接</a><img :src="imgUrl">原创 2018-08-31 17:25:51 · 3378 阅读 · 2 评论 -
eslint-plugin-vuefix: 基于eslint开发的插件vuefix,用命令直接修复ESLint
自动修复vue文件中检测到的编码规范问题。重构老项目的代码时能减少很多工作量。 1、打开package.json,在script里找到截图总所示lint,修改为:(中间插入--fix)"lint": "eslint --fix --ext .js,.vue src",2、终端运行npm run lint修改代码样式 不过以上方法针对修复js中的eslint报错,如需修复...原创 2019-01-11 16:15:59 · 4970 阅读 · 0 评论 -
vuex---mapGetters和mapActions
若有多个getter时,可用...mapGetters([ ]),需要先export引入,且是es6语法,需要安装bable插件...mapActions([ ])同理;这样写可以简化代码;具体用法如下:// productListOne.vue中<script>import {mapGetters} from 'vuex'import {mapActions...原创 2018-12-10 21:53:43 · 1556 阅读 · 0 评论 -
vuex使用前与使用后的写法---action(触发事件改变此事件时--变更状态)
Action 提交的是 mutation,而不是直接变更状态。 Action 可以包含任意异步操作。Action 函数接受一个与 store 实例具有相同方法和属性的 context 对象,因此可以调用 context.commit 提交一个 mutation,或者通过 context.state 和 context.getters 来获取 state 和 getters。 通过actio...原创 2018-12-10 21:30:56 · 2363 阅读 · 0 评论 -
vuex使用前与使用后的写法---state搭建vuex中央状态管理
项目搭建完成后,不使用vuexsrc文件夹里:App.vue:&amp;lt;template&amp;gt; &amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;product-list-one v-bind:products=&quot;products&quot;&amp原创 2018-12-07 10:19:41 · 388 阅读 · 0 评论 -
vuex使用前与使用后的写法---mutation(触发事件改变此事件时--变更状态)
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数。当触发事件时使用mutation,而不是computed或getters使...原创 2018-12-07 17:24:32 · 2189 阅读 · 0 评论 -
vuex使用前与使用后的写法---getters(获取事件)
如果有多个组件需要用到此属性,我们要么复制这个函数,或者抽取到一个共享函数然后在多处导入它——无论哪种方式都不是很理想。Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。Getter 接受 state 作为其第一个参数。 需求:...原创 2018-12-07 16:46:24 · 3181 阅读 · 1 评论 -
axios用catch的写法与不使用catch有什么区别?
官网上的写法:axios.post(url, data) .then(response => { console.log(response); }) .catch(error => { console.log(error); })公司项目的写法:axios.post(url, data) ....原创 2018-11-17 15:39:09 · 20680 阅读 · 0 评论 -
vue文件流程
vue文件流程index.html (入口文件) --&gt;main.js (执行main.js) --&gt; App.vue(实例化vue对象)index.html 入口文件// index.html 入口文件&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta ch原创 2018-11-06 13:36:21 · 586 阅读 · 1 评论 -
初始化多个Vue实例对象
// jsvar one = new Vue({ el: "#vue-app-one", data: { title:"app one 的内容" }, methods: { }, computed: { greet: function(){ return "hello app one" ..原创 2018-09-03 15:20:26 · 4387 阅读 · 0 评论 -
初识vue组件
Vue.component组件// jsVue.component("greeting", { // 将greeting当做一个标签使用,组件 template: // 模板里面有且只有一个根标签 `<p> {{name}}: 大家好,给大家介绍一下我自己 <button @click="changeName">改名&...原创 2018-09-04 17:23:07 · 238 阅读 · 0 评论 -
vscode添加自定义snippet(代码段)vue模板
进入代码片段自定义有两种方式: 1. 【菜单栏->文件->首选项->用户代码片段】 2. 全局命令:在vscode界面按F1或者ctrl+shift+p,进入命令行,输入sinppets 选vue进入自定义代码段(vue.json) 在vue.json里添加如下代码片段: "Print to console": { "p...原创 2019-01-16 15:43:00 · 2070 阅读 · 0 评论