随笔分类 -  vuejs

学习vueJs过程中遇到的问题
vueJs父子组件通信
摘要：父子组件通信 子组件是不能引用父组件或者Vue实例的数据的。 但是，在开发中，往往一些数据确实需要从上层传递到下层： 比如在一个页面中，我们从服务器请求到了很多的数据。 其中一部分数据，并非是我们整个页面的大组件来展示的，而是需要下面的子组件进行展示。 这个时候，并不会让子组件再次发送一个网络请求， 阅读全文
posted @ 2021-11-05 08:48 .爬行的蜗牛 阅读(78) 评论(0) 推荐(0)
学习笔记
摘要：vueJs Vue.js 监听属性 watch 项目案例：当用户输入事件触发,tableFormTableDataChange数值改变，调用其回调函数 data:{ retrun { tableFormTableDataChange: 0 } } watch: { 'tableFormTableDa 阅读全文
posted @ 2021-11-04 18:04 .爬行的蜗牛 阅读(100) 评论(0) 推荐(0)
Vuex
摘要：Vuex Vuex是做什么的? 官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零 阅读全文
posted @ 2021-11-04 13:38 .爬行的蜗牛 阅读(140) 评论(0) 推荐(0)
路由 route 和router
摘要：认识vue-router** vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 我们可以访问其官方网站对其进行学习: https://router.vuejs.org/zh/ vue-router是基于路由和组件的 路由用于设定访问路径, 将路 阅读全文
posted @ 2021-11-04 13:30 .爬行的蜗牛 阅读(425) 评论(0) 推荐(0)
vue-router的安装及使用
摘要：1、安装 npm install vue-router --save 2、在模块化工程中使用它(因为是一个插件, 所以可以通过Vue.use()来安装路由功能) 第一步：导入路由对象，并且调用 Vue.use(VueRouter) ### 第二步：创建路由实例，并且配置路由映射 第三步：挂载路由 3 阅读全文
posted @ 2021-06-17 09:14 .爬行的蜗牛 阅读(398) 评论(0) 推荐(0)
npm安装vue超时(ERR! errno ETIMEDOUT)
摘要：###1、错误 vue-cli 安装过程中报错npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall scandir ###2、解决 1、采用cnpm镜像就可以解决了。 输入： npm install -g cnpm --registry= 阅读全文
posted @ 2021-06-10 00:12 .爬行的蜗牛 阅读(1810) 评论(1) 推荐(0)
webpack的扩展loader
摘要：###1、什么是loader loader是webpack中一个非常核心的概念。 在开发中我们不仅仅有基本的js代码处理，我们也需要加载css、图片，也包括一些高级的将ES6转成ES5代码，将TypeScript转成ES5代码，将scss、less转成css，将.jsx、.vue文件转成js文件等等 阅读全文
posted @ 2021-06-08 20:15 .爬行的蜗牛 阅读(87) 评论(0) 推荐(0)
. webpack2.4.*集成vue-loader@15.2.4报错
摘要：###1、报错 ERROR in ./src/vue/App.vue Module Error (from ./node_modules/vue-loader/lib/index.js): vue-loader was used without the corresponding plugin. M 阅读全文
posted @ 2021-06-03 23:58 .爬行的蜗牛 阅读(132) 评论(0) 推荐(0)
vue版本冲突
摘要：###1、报错 ERROR in Vue packages version mismatch: vue@2.1.4 vue-template-compiler@2.1.5 This may cause things to work incorrectly. Make sure to use the 阅读全文
posted @ 2021-06-03 23:51 .爬行的蜗牛 阅读(461) 评论(0) 推荐(0)
webpack配置
摘要：webpack配置 1、原因 你是不是觉得每次打包都要输入一长串的东西太麻烦了 要是文件路径太长，那就太费时间了，还容易出错 所以我们需要对webpack进行配置，简化终端命令 2、步骤 1、在你的项目中再加一个webpack.config.js文件 webpack.config.js代码 cons 阅读全文
posted @ 2021-05-27 19:44 .爬行的蜗牛 阅读(85) 评论(0) 推荐(0)
webpack安装
摘要：webpack安装步骤 1、介绍 官方介绍 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将 阅读全文
posted @ 2021-05-27 19:10 .爬行的蜗牛 阅读(423) 评论(0) 推荐(0)
ES6模块化报跨域错误
摘要：ES6模块化报跨域错误 html代码 <script src="aaa.js" type="module"></script> <script src="bbb.js" type="module"></script> <script src="mmm.js" type="module"></scri 阅读全文
posted @ 2021-05-27 17:35 .爬行的蜗牛 阅读(441) 评论(0) 推荐(0)

Document