随笔分类 - Vue.js框架
近段时间整理项目中使用到的vue的知识点，以及其他各种相似知识点
自己写的东东就算再烂，也要哭着看完，哇~~~~~~~~~~~~~
摘要：前言 页面中会有很多时候需要弹窗提示，我们可以写一个弹窗组件，但是如果每个页面都引入这个组件，太麻烦了，所以我们将它变成全局组件，需要用的时候直接通过JS调用即可，不需要在每个页面引入了 效果图 弹窗组件 在components目录下新建popup文件夹，然后在里面建立index.vue文件和ind
阅读全文
摘要：8月收获 摘录自https://www.cnblogs.com/muzishijie/p/11291295.html 一：在components文件内创建一个button文件，文件内创建一个index.vue文件，在index.vue文件内写的是原型（包含组件的名字，应用的最底层的HTML标签，分别
阅读全文
摘要：写在另一篇文章 https://segmentfault.com/a/1190000021672425
阅读全文
摘要：效果图： npm run dev 编译项目之后，报错，要使用jsx语法需要先安装编译插件 1.安装下列安装包 2. 配置.babelrc文件 3.template 4. renderHeader(h, { column, $index }){ return ( <div> <span>实收总金额(元
阅读全文
摘要：安装依赖 用法： Demo： 后记：vue简直把懒惰发挥到了极致，为棒棒的自己点赞
阅读全文
摘要：压缩bundle.js 压缩index.html 安装的第三方包
阅读全文
摘要：指令【重点】 {{}} & v-text & v-html v-on v-bind v-model v-if & v-show v-for v-pre & v-cloak & v-once【了解】 其它
阅读全文
摘要：webpack打包 第一点对应下图： 第二点对应下图：
阅读全文
摘要：1、如何在父组件中集成子组件 1.1、新建子组件(inputnumber.vue) 1.2、在父组件(shopcart.vue)中导入子组件 1.3、在父组件的components中注册 1.4、在父组件的template中使用
阅读全文
摘要：子组件（inputnumber.vue）传值给父组件（shopcart.vue） 3、子组件内部数据发生变化之后，传递值给父组件 3.1、接收方(shopcart.vue父组件)，使用v-on来监听事件，并且写好处理函数 3.2、传值方(inputnumber.vue子组件)，使用$emit触发事件，传递payload 子组件传值给父组件:传递的是一个...
阅读全文
摘要：第一步:单纯的搭建出来我们的项目，并且通过webpack打包一个bundle.js然后运行起来 步骤: 1、建立项目必要的文件和文件夹(见截图) 2、配置webpack.develop.config.js，指定入口，输出文件 3、在main.js中写代码，App.vue中写代码 4、让我们的项目能运
阅读全文
摘要：一：按需导入和按需导出 二：全局导出Vuex模块，和全局导入Vuex模块
阅读全文
摘要：一：全局包: 二：本地包: 比如： 三：关于package.json的生成 终于搞清楚了，真的是要疯掉了
阅读全文
摘要：官网地址：https://router.vuejs.org/zh-cn/essentials/nested-routes.html 路由嵌套一般使用在后台管理系统中 给一个比较简单的小案例
阅读全文
摘要：去除vue路由跳转地址栏后的哈希值#，我们只需要在路由跳转的管理文件router目录下的index.js中加上一句代码即可去掉哈希值#
阅读全文
摘要：本地安装： npm install package-name 全局全装： npm install -g package-name 举个栗子 全局安装 React项目的脚手架 npm install -g create-react-app npm install iview@1.0.1 --save
阅读全文
摘要：上方是错误 解决办法：iview是2.13.0版本 npm install iview@1.0.1 --save cnpm install iview@2.13.0 --save iView官方文档：http://v1.iviewui.com/components/affix 第一次安装: 包:iv
阅读全文
摘要：如图：获取值 一：main.js中写入 二：在当前文件中设置 三：在跳转后的文件中获取url中的值 是不是超级简单，超级激动呀
阅读全文
浙公网安备 33010602011771号